Question

我需要更改日期格式以将其插入数据库中，但遗憾的是更改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>

Answer 1

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

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

Answer 2

你做错了，没有必要将日期字符串解析成其他格式来设置maxDate和minDate选项，你所要做的就是使用内置的{{ 1}}获取所选日期

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">等，它将返回一个日期对象，而不管选择器中使用的格式。

如何从＆＃34; mm / dd / yy＆＃34;更改日期选择器格式到＆＃34; yy / mm / dd＆＃34;？

2 个答案: