人人爽天天碰天天躁夜夜躁,天天干天天操天天

JS日期選擇器(兼容IE,Firefox,Opera等主流瀏覽器)

muyable >《js》

2015.02.27

關(guān)注

JS文件下載:

1. CSDN下載地址: http://download.csdn.net/detail/freshflower/5167398

2. 百度文庫下載地址: http://wenku.baidu.com/view/e02c670dbb68a98271fefadd

版本說明 :

相比上一版本優(yōu)化功能如下:

1. 界面更加美化, 可以顯示上個月月末的幾天及下個月的前幾天;

2. 優(yōu)化日期選擇時對起始年月的設(shè)定, 方便選擇年月;

3. 優(yōu)化年與月的選擇, 讓界面更為美觀.

4. 支持瀏覽器的中英文語言的設(shè)定. 顯示中英文界面

申明: Iteye網(wǎng)站與百度空間為作者的發(fā)布地方, 其他任何地方的與此一樣的文檔均為盜用, 文檔的錯誤引起的誤解與不便,請大家小心, 務(wù)必到這兩個站點(diǎn)下載, 文檔有不足的地方, 會繼續(xù)更新, 謝謝大家的支持!!

程序截圖:

函數(shù)說明 :

主調(diào)函數(shù)
JTC.setday(args )

參數(shù)說明
args :

     1. 可以為空;
     2. 可以為字符串. 輸出控件的ID
     3. 結(jié)構(gòu)體, 結(jié)構(gòu)體中含有參數(shù)如下:
      {
            outObject : 字符串或控件, 輸出控件的ID值或?qū)ο?
            readOnly : 布爾型設(shè)置輸出控件是否為只讀模式, false:非只讀(默認(rèn)); true:只讀 (主要解決.net服務(wù)控件不能隨意readOnly的問題)
            showClear : 布爾型是否顯示清空按鈕 true(默認(rèn)):顯示; false不顯示.
            format : 字符串返回日期的格式 (默認(rèn): yyyy-MM-dd).
            today :   字符串/日期對象設(shè)置當(dāng)前的日期(影響范圍: 所有)
            minDate :    字符串/日期對象設(shè)置可選日期的下限
            maxDate : 字符串/日期對象設(shè)置可選日期的上限
            ranged :    布爾型設(shè)置是否包含可選日期范圍的邊界值 false: 不包含; true:包含(默認(rèn))

startDay : 字符串/日期對象設(shè)置每次選擇時的起始年月
}

    JTC.setToday(dateObj)
    說明: 設(shè)置今天的日期. 默認(rèn)取客戶端的時間; 客戶端的時間并不一定會與服務(wù)器的時間一致. 所以設(shè)置此值的意義就是在于: 無論客戶端的時間怎么改, 控件的日期與服務(wù)器依然可以保持同步.
    參數(shù): dateObj 字符型或日期對象字符型最佳格式是:yyyy/MM/dd    示例: '2012/07/25'

   JTC.setDateRange(minDate, maxDate, ranged)
   說明: 設(shè)置日期可選范圍 (影響范圍: 所有)
   參數(shù):
       minDate :    字符串/日期對象設(shè)置可選日期的下限示例: '2010-02-11'
       maxDate : 字符串/日期對象設(shè)置可選日期的上限   示例: '2012-07-11'
       ranged :        布爾型設(shè)置是否包含可選日期范圍的邊界值 false: 不包含; true:包含(默認(rèn))

   JTC.setDateFormat(format)
   說明: 設(shè)置返回日期的格式 (影響范圍: 所有)
    參數(shù):
         format :    字符型返回日期的格式示例: 'yyyy/MM/dd' ;    'yyyy年MM月dd日'

JTC.setStartDay (date)

說明: 設(shè)置日期選擇時的起始年月 (影響范圍: 所有)

參數(shù):

date : 字符串/日期對象示例: '2012-07-25'

調(diào)用舉例:

1. 最簡單的調(diào)用

Html代碼

<input type="text" onclick="JTC.setday()" />
<div style="width:120px; height:30px; border:1px solid blue;" onclick="JTC.setday()"></div>
<input type="text" id="timeID" />
<input type="button" value="選擇1" onclick="JTC.setday('timeID')" />
<input type="button" value="選擇2" onclick="JTC.setday({outObject: 'timeID'})" />

2. 設(shè)定可選日期范圍

Html代碼

<input type="text" onclick="JTC.setday({minDate:'2012-07-08', maxDate:'2012-08-23', ranged: true})" />
<input type="text" onclick="JTC.setday({minDate:'2012-07-25', ranged: false})" />

3. 其他細(xì)節(jié)設(shè)置

Html代碼

<input type="text" onclick="JTC.setday({format:'yyyy年MM月dd日', readOnly: true})" />
<input type="text" onclick="JTC.setday({startDay: '1990-01-01'})" />
<input type="text" onclick="JTC.setday({ showClear: false})" />

4. 全局設(shè)置 (設(shè)置后會影響到整個頁面)

Html代碼

<html>
<head>
<script language="javascript" src="JTimer.js"></script>
<script>
JTC.setToday('2012/06/28'); //設(shè)置今天的日期為:2012-06-28
JTC.setDateFormat('MM/dd/yyyy'); //設(shè)置返回格式
JTC.setDateRange('1960-01-01', '2012-01-01', true); //設(shè)置可選日期范圍
</script>
</head>
<body>
以下各個函數(shù)的調(diào)用所起的作用不同之處<br/>
日期1: <input type="text" onclick="JTC.setday()" /> <br/>
日期2: <input type="text" onclick="JTC.setday({format: 'yyyy年MM月dd日'})" /> <br/>
日期3: <input type="text" onclick="JTC.setday({startDay: '1980-01-01', showClear: false})" /> <br/>
</body>
</html>

差不多就這樣了, 若有什么不明白的地方, 歡迎留言提問. 一起進(jìn)步!

原文地址: http://freshflower.iteye.com/blog/1606222

本站僅提供存儲服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請點(diǎn)擊舉報(bào)。

打開APP，閱讀全文并永久保存查看更多類似文章

【煙花原創(chuàng)】VBA零基礎(chǔ)之第169篇VBA函數(shù)之字符串（五）

js中將日期類型轉(zhuǎn)換成字符串型格式(轉(zhuǎn))_·°知足じ

js日期格式轉(zhuǎn)換

手把手教你，學(xué)會工作日相關(guān)函數(shù)

你還在找excel函數(shù)公式大全？看這一篇就夠了

DateTimePicker 控件的使用

更多類似文章 >>

九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区