jQuery日期时间选择器设置年份范围

时间:2017-11-06 03:50:53

标签: jquery datepicker

美好的一天。我下载了一个jQuery插件here来拥有一个dateTime选择器,但是我想改变范围从1900年到现在。我尝试使用

minDate and maxDate 

但不起作用。我也试过使用这个代码

changeMonth: true,
changeYear: true,
yearRange:'1900:' + new Date().getFullYear()

但是没有任何东西继续工作,仍然把我扔到1950 - 2050年的范围内。谢谢

更新

好的,所以我的代码和发布的代码是正确的。由于jquery.datetimepicker.full.js中的命令

,它正在抛出一年
    yearStart: 1950,
    yearEnd: 2050,

就是这样的。我只是把它改成了这个

    yearStart: 1900,
    yearEnd: new Date().getFullYear(),

感谢帮助人员。

1 个答案:

答案 0 :(得分:3)

您可以添加 YearRange ,如下所示。它将有效..

$('#dtp').datepicker({
dateFormat: "dd/mm/yy",
changeMonth: true,
changeYear: true,
yearRange: "-100:+50",
autoSize: true                            
});

<html lang = "en">
   <head>
      <meta charset = "utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
         rel = "stylesheet">
      <script src = "https://code.jquery.com/jquery-1.10.2.js"></script>
      <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      
      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker-13" ).datepicker({
              dateFormat: "dd/mm/yy",
              changeMonth: true,
              changeYear: true,
              yearRange:'1900:' + new Date().getFullYear(),
              autoSize: true                            
            });

            $( "#datepicker-13" ).datepicker("show");
         });
      </script>
   </head>
   
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type = "text" id = "datepicker-13"></p>
   </body>
</html>