jquery 日期控件datapicker

jquery有一个专门设置日期的工具。确切的说应该引入相应的jqueryUI的CSS文件和jqueryUI.js文件。

jQuery(function($){   

//注册相应的中文环境

     $.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: '请选择日期', 

         minDate: 0,  

        isRTL: false       

        };   

//在datapicker设置该环境

        $.datepicker.setDefaults($.datepicker.regional['zh-CN']);   

 

 

      $( "input[name='datepicker']" ).datepicker({

changeMonth: true,

changeYear: true,

dateFormat: "yy-mm-dd"//定义日期的显示格式

});

    });

 

注意jquery的版本,貌似只能支持1.7

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值