Jquery ui Datepicker 的汉化

最新推荐文章于 2024-09-08 15:31:42 发布

passer199101

最新推荐文章于 2024-09-08 15:31:42 发布

阅读量648

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/u012307002/article/details/19288393

本文介绍如何使用jQuery UI插件中的日期选择器，并对其进行了汉化设置，包括日期格式、星期显示等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

          <link rel="stylesheet" href="jqueryui/themes/base/jquery.ui.all.css">
<%--        <link rel="stylesheet" href="jqueryui/demos.css">--%>
        <script src="jqueryui/ui/jquery.ui.core.js"></script>
        <script src="jqueryui/ui/jquery.ui.widget.js"></script>
        <script src="jqueryui/ui/jquery.ui.datepicker.js"></script>
        
       <link rel="stylesheet" type="text/css" href="css/index/index.css">
       <script type="text/javascript"  src="js/index.js" ></script>
       
       <script type="text/javascript">
       $(document).ready(function(){
           $( ".datepicker" ).datepicker();
             $.datepicker.regional['zh-CN'] = {
                     closeText: '关闭',
                     prevText: '&#x3c;上月',
                     nextText: '下月&#x3e;',
                     currentText: '今天',
                     monthNames: ['一月','二月','三月','四月','五月','六月',
                     '七月','八月','九月','十月','十一月','十二月'],
                     monthNamesShort: ['一','二','三','四','五','六',
                     '七','八','九','十','十一','十二'],
                     dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
                     dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
                     dayNamesMin: ['日','一','二','三','四','五','六'],
                     weekHeader: '周',
                     dateFormat: 'yy-mm-dd',
                     firstDay: 1,
                     isRTL: false,
                     showMonthAfterYear: true,
                     yearSuffix: '年'};
                 $.datepicker.setDefaults($.datepicker.regional['zh-CN']);

       });
         
       
       </script>

还有一个jquery.js记得引进去