2016-10-14 8 views
1

データベースに挿入するために日付書式を変更する必要がありますが、残念ながらdateFormat変数を変更しても機能しません。私は、現在の日付に対して日付を進め、その日付をクリックできないようにするいくつかのバリデーションを持っています。日付ピッカー形式を「mm/dd/yy」から「yy/mm/dd」に変更するにはどうすればよいですか?

<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> 
+0

ここで 'dateFormat'変数を設定に渡しますか? – BenM

+1

[jQuery UI DatePickerの変更可能な複製 - 日付形式の変更](http://stackoverflow.com/questions/1328025/jquery-ui-datepicker-change-date-format) –

答えて

3

この質問はここで何度も答えられていますが、これをオプションとして渡すだけです。

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

選択した日付を取得するためにgetDateで構築を使用maxDateminDateオプションを設定するには、いくつかの他の形式に戻って日付ストリングを解析する必要はありません、それは間違っている、あなたがしなければならないすべてはされてやっています

$(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) { 
 
      \t 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) { 
 
      \t 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">

あなたが何か他の入力の日付を必要とするとき、あなたがしなければならないすべてはコールです10などであり、ピッカーで使用されている形式にかかわらず、日付オブジェクトを返します。

関連する問題