繁体   English   中英

如何将日期选择器格式从“mm / dd / yy”更改为“yy / mm / dd”?

[英]How to change date picker format from “mm/dd/yy” to “yy/mm/dd”?

我需要更改日期格式以将其插入数据库,但遗憾的是更改dateFormat变量无效。 我有一些验证可以将日期与当前日期相比较,并使超出日期无法点击。

<script>
  $( function() {
    var dateFormat = "mm/dd/yy",
      from = $( "#sd" )
        .datepicker({
             showOn: "button",
            buttonImage: "images/cal-icon.png",
            buttonImageOnly: true,
          minDate: ("setDay, +4"),
          maxDate: "+3M +10D",
          changeMonth: true,
          numberOfMonths: 2
        })
        .on( "change", function() {
          to.datepicker( "option", "minDate", getDate( this ) );
        }),
      to = $( "#ed" ).datepicker({
            showOn: "button",
            buttonImage: "images/cal-icon.png",
            buttonImageOnly: true,
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 2
      })
      .on( "change", function() {
        from.datepicker( "option", "maxDate", getDate( this ) );
      });

    function getDate( element ) {
      var date;
      try {
        date = $.datepicker.parseDate( dateFormat, element.value );
      } catch( error ) {
        date = null;
      }

      return date;
    }
  } );
  </script>

你只是将它作为一个选项传递,虽然这个问题已在SO上多次回答。

$( ".selector" ).datepicker({
   dateFormat: "yy-mm-dd"
});

你做错了,没有必要将日期字符串解析成其他格式来设置maxDateminDate选项,你所要做的就是使用内置的getDate来获取所选的日期

 $(function() { var from = $("#sd").datepicker({ showOn: "button", buttonImage: "images/cal-icon.png", buttonImageOnly: true, minDate: ("setDay, +4"), maxDate: "+3M +10D", changeMonth: true, numberOfMonths: 2, onSelect : function(date, ui) { to.datepicker("option", "minDate", $(this).datepicker( 'getDate' )); } }), to = $("#ed").datepicker({ showOn: "button", buttonImage: "images/cal-icon.png", buttonImageOnly: true, defaultDate: "+1w", changeMonth: true, numberOfMonths: 2, onSelect : function(date, ui) { from.datepicker("option", "maxDate", $(this).datepicker( 'getDate' )); } }); }); 
 <link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> <input id="sd"> <br><br> <input id="ed"> 

当你需要其他输入的日期时,你所要做的就是调用$("#sd").datepicker( 'getDate' )等等,它将返回一个日期对象,无论使用何种格式。选择器。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM