网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

[置顶]   Jquery日期选择

1、首先将Jquery中的datepicker插件中的相关属性值改成中文的:

创新互联是一家集网站建设,新建企业网站建设,新建品牌网站建设,网站定制,新建网站建设报价,网络营销,网络优化,新建网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

$.datepicker.regional['zh-CN'] = {          clearText:'清除',          clearStatus:'清除已选日期',          closeText:'关闭',          closeStatus:'不改变当前选择',          prevText:'<上月',          prevStatus:'显示上月',          prevBigText:'<<',          prevBigStatus:'显示上一年',          nextText:'下月>',          nextStatus:'显示下月',          nextBigText:'>>',          nextBigStatus:'显示下一年',          currentText:'今天',          currentStatus:'显示本月',          monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'],          monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'],          monthStatus:'选择月份',          yearStatus:'选择年份',          weekHeader:'周',          weekStatus:'年内周次',          dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],          dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],          dayNamesMin: ['日','一','二','三','四','五','六'],          dayStatus:'设置 DD 为一周起始',          dateStatus:'选择 m月 d日, DD',          dateFormat:'yy-mm-dd',          firstDay:1,          initStatus:'请选择日期',          isRTL:false};          $.datepicker.setDefaults($.datepicker.regional['zh-CN']); 

2、html页面中有两个日期输入框,分别为起始日期和结束日期:

起始日期:                                                结束日期: 

3、调用修改后的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;                             }                    //下面可以写一些根据日期变化引起页面相关部分修改的函数                             //......                         }         });          $(".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其余选项及方法详见:http://api.jqueryui.com/datepicker/


文章标题:[置顶]   Jquery日期选择
标题URL:http://bjjierui.cn/article/ieghhs.html

其他资讯