【问题标题】:Default value for jquery date pickerjquery 日期选择器的默认值
【发布时间】:2015-02-19 10:49:08
【问题描述】:

我有一些关于 jQuery UI 日期选择器的问题。

1 - 有没有默认值的选项?我想要做的是用今天的日期预先填写我的输入文本类型。

2 - 如果我输入 type = "Date" 而不是 type = "Text" 然后在其上使用 jquery 时间选择器,我在选择日期时会收到此错误。

 The specified value '02/18/2015' does not conform to the required format, 'yyyy-MM-dd.'

我该如何解决这个问题?

【问题讨论】:

    标签: jquery jquery-ui


    【解决方案1】:

    创建日期选择器并设置日期。您可以通过“new Date()”指定今天的日期。您可以设置输入type=texttype=date

    $('.datepicker').datepicker({ 
         dateFormat: 'dd-mm-yy'
         }).datepicker("setDate", new Date());
    

    【讨论】:

    • 如果我想要 type = "Date" 怎么办?
    • 是的,我可以设置它,但是当我选择它的值时,它没有被选中。检查控制台。我正在 chrome 上试用它。
    • 是的,你是对的 date 类型在 chrome 中不起作用,所以你必须更改 text
    • 如果您想与type=date 合作,那么stackoverflow.com/questions/16890376/… 可能会有所帮助
    【解决方案2】:
    (function() {
    
      $(".dp").datepicker({
        format: 'dd-mm-yyyy',
        startDate: new Date(),
        endDate: ''
      }).on("show", function() {
        $(this).val(new Date()).datepicker('update');
      });
    
    })();
    

    【讨论】:

      【解决方案3】:

      参考下面的一个:它对我来说很好。

      Jquery UI date-picker Set default date

      <script>
          $(function() {
              $( "#datepicker" ).datepicker({
                  dateFormat: 'dd-mm-yy'
              }).val(getTodaysDate(0)); // For current date
      
              $( "#datepicker2" ).datepicker({
                  dateFormat: 'dd-mm-yy',
                  }).val(getTodaysDate(1));  // For previous month's date
          });
      
        function getTodaysDate (val) {
          var t = new Date, day, month, year = t.getFullYear();
          if (t.getDate() < 10) {
              day = "0" + t.getDate();
          }
          else {
              day = t.getDate();
          }
          if ((t.getMonth() + 1) < 10) {
              month = "0" + (t.getMonth() + 1 - val);
          }
          else {
              month = t.getMonth() + 1 - val;
          }
      
          return (day + '/' + month + '/' + year);
         }
      </script>
      

      【讨论】:

        猜你喜欢
        • 2011-10-02
        • 2011-04-19
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2021-03-14
        • 2013-05-12
        • 1970-01-01
        相关资源
        最近更新 更多