溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

[置頂]       Jquery 日期選擇

發(fā)布時(shí)間：2020-08-02 10:12:14 來源：網(wǎng)絡(luò) 閱讀：211 作者：873582595 欄目：web開發(fā)

1、首先將Jquery中的datepicker插件中的相關(guān)屬性值改成中文的：

$.datepicker.regional['zh-CN'] = {          clearText: '清除',          clearStatus: '清除已選日期',          closeText: '關(guān)閉',          closeStatus: '不改變當(dāng)前選擇',          prevText: '<上月',          prevStatus: '顯示上月',          prevBigText: '<<',          prevBigStatus: '顯示上一年',          nextText: '下月>',          nextStatus: '顯示下月',          nextBigText: '>>',          nextBigStatus: '顯示下一年',          currentText: '今天',          currentStatus: '顯示本月',          monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],          monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],          monthStatus: '選擇月份',          yearStatus: '選擇年份',          weekHeader: '周',          weekStatus: '年內(nèi)周次',          dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],          dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],          dayNamesMin: ['日','一','二','三','四','五','六'],          dayStatus: '設(shè)置 DD 為一周起始',          dateStatus: '選擇 m月 d日, DD',          dateFormat: 'yy-mm-dd',          firstDay: 1,          initStatus: '請(qǐng)選擇日期',          isRTL: false};          $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

2、html頁(yè)面中有兩個(gè)日期輸入框，分別為起始日期和結(jié)束日期：

<label for="start-datepicker">起始日期:</label> <input type="text" class="datepicker test-image-datepicker" id="start-datepicker" size="15" />&nbsp;&nbsp;                                             <label for="end-datepicker">結(jié)束日期:</label> <input type="text" class="datepicker test-image-datepicker" id="end-datepicker" size="15" />

3、調(diào)用修改后的datepicker插件：

 var $start_date_value = "2012年1月1日"; // TODO  改成可以配置的     var $end_date_value = new Date();      // When document has loaded, initialize pagination and form      $(document).ready(function(){               $(".imagezz").click($test_image_check_box_click);                  $( ".test-image-datepicker" ).datepicker({             changeMonth: true,             changeYear: true,             showOn: "both",             buttonImage: "images/calendar.gif",             buttonImageOnly: true,             showButtonPanel: true,             onSelect: function(dateText, inst){                             if ($(this).attr("id") == "start-datepicker") {                                 $start_date_value = dateText;                             }                             if ($(this).attr("id") == "end-datepicker") {                                 $end_date_value = dateText;                             }                             //下面可以寫一些根據(jù)日期變化引起頁(yè)面相關(guān)部分修改的函數(shù)                             //......                         }         });          $(".test-image-datepicker").datepicker("option", "dateFormat", "yy年mm月dd日");         $('.test-image-datepicker').attr("readonly","readonly");                  $("#start-datepicker").datepicker("setDate",$start_date_value);         $("#end-datepicker").datepicker("setDate",$end_date_value);

 datepicker其余選項(xiàng)及方法詳見：http://api.jqueryui.com/datepicker/

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手