jquery日期控件怎么用

下载jQuery核心文件就不用说了吧，datepicker是轻量级插件，只需jQuery的min版本就行了，然后到官网下载jquery-ui压缩包（可以选择喜欢的theme），里面就包含对datepicker的支持，当然您也可以官网下载datepicker，包括ui.core.js和ui.datepicker.js。

推荐课程：jQuery教程。

jquery.ui.datepicker-zh-CN.js，内容如下：

jQuery(function($){
    $.datepicker.regional[&＃39;zh-CN&＃39;] = {
        closeText: &＃39;关闭&＃39;,
        prevText: &＃39;<上月&＃39;,
        nextText: &＃39;下月>&＃39;,
        currentText: &＃39;今天&＃39;,
        monthNames: [&＃39;一月&＃39;,&＃39;二月&＃39;,&＃39;三月&＃39;,&＃39;四月&＃39;,&＃39;五月&＃39;,&＃39;六月&＃39;,
        &＃39;七月&＃39;,&＃39;八月&＃39;,&＃39;九月&＃39;,&＃39;十月&＃39;,&＃39;十一月&＃39;,&＃39;十二月&＃39;],
        monthNamesShort: [&＃39;一&＃39;,&＃39;二&＃39;,&＃39;三&＃39;,&＃39;四&＃39;,&＃39;五&＃39;,&＃39;六&＃39;,
        &＃39;七&＃39;,&＃39;八&＃39;,&＃39;九&＃39;,&＃39;十&＃39;,&＃39;十一&＃39;,&＃39;十二&＃39;],
        dayNames: [&＃39;星期日&＃39;,&＃39;星期一&＃39;,&＃39;星期二&＃39;,&＃39;星期三&＃39;,&＃39;星期四&＃39;,&＃39;星期五&＃39;,&＃39;星期六&＃39;],
        dayNamesShort: [&＃39;周日&＃39;,&＃39;周一&＃39;,&＃39;周二&＃39;,&＃39;周三&＃39;,&＃39;周四&＃39;,&＃39;周五&＃39;,&＃39;周六&＃39;],
        dayNamesMin: [&＃39;日&＃39;,&＃39;一&＃39;,&＃39;二&＃39;,&＃39;三&＃39;,&＃39;四&＃39;,&＃39;五&＃39;,&＃39;六&＃39;],
        weekHeader: &＃39;周&＃39;,
        dateFormat: &＃39;yy-mm-dd&＃39;,
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: &＃39;年&＃39;};
    $.datepicker.setDefaults($.datepicker.regional[&＃39;zh-CN&＃39;]);
});

实例：

注意：由于jquery datepicker不是最新版本的，如果下载新版本jquery-ui-1.8.13中的css文件会造成日期控件不能显示的问题，所以这里使用了1.7.3的ui。简单一点就是用jquery-ui的压缩js。

以上就是jquery日期控件怎么用的详细内容，更多请关注 第一PHP社区 其它相关文章！