日期格式jQuery和本地化

Question

如何在出發日期輸入欄中設置dd/mm/yy。但我正在考慮將這兩種格式都改爲像「Senin 05 Agustus 2015」這樣的印度尼西亞本地化版本。

可能嗎？提前致謝。

jsfiddle link

Arrive: 
<input type="text" id="arrivalDate" class="datepicker"> 
<br />Nights: 
<input type="text" id="numOfNights" value="1"> 
<br />Depart: 
<input type="text" id="departureDate"> 

jQuery腳本

$('#arrivalDate').datepicker({ 

    dateFormat: "dd/mm/yy", 
    onSelect: function (dateStr) { 
     var nights = parseInt($('#numOfNights').val()); 
     var depart = $.datepicker.parseDate('dd/mm/yy', dateStr); 
     depart.setDate(depart.getDate() + nights); 
     $('#departureDate').val(depart); 
    } 
}); 

$('#numOfNights').change(function() { 
    var nights = parseInt($('#numOfNights').val()); 
    var depart = $.datepicker.parseDate('dd/mm/yy', $('#arrivalDate').val()); 
    depart.setDate(depart.getDate() + nights); 
    $('#departureDate').val(depart); 
}); 

Answer 1

您可以使用moment.js這樣的：可用here

moment.locale('id'); //'id'--> Bahasa Indonesia 
    $('#arrivalDate').datepicker({ 

     dateFormat: "d/MM/yy", 
     onSelect: function (dateStr) { 
      var nights = parseInt($('#numOfNights').val()); 
      var depart = $.datepicker.parseDate('d/MM/yy', dateStr); 
      depart.setDate(depart.getDate() + nights); 
      var depart_date = moment(depart).format('DD/MMMM/YYYY'); 
      console.log('date is '+depart_date); 
      $('#departureDate').val(depart_date); 
     } 
    }); 

    $('#numOfNights').change(function() { 
     var nights = parseInt($('#numOfNights').val()); 
     var depart = $.datepicker.parseDate('d/MM/yy', $('#arrivalDate').val()); 
     depart.setDate(depart.getDate() + nights); 
     var depart_date = moment(depart).format('DD/MMMM/YYYY'); 
     $('#departureDate').val(depart_date); 
    }); 

演示。

編輯

添加使用jQuery的datepicker的自己多​​一個選擇。只要把這個定位CDN後jQuery的ui.js

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script> 

，然後改變這樣的代碼：

//setting the default locale to Indonesian 
$.datepicker.setDefaults($.datepicker.regional["id"]); 
    $('#arrivalDate').datepicker({ 

      dateFormat: "d/MM/yy", 

      onSelect: function (dateStr) { 
       var nights = parseInt($('#numOfNights').val()); 
       var depart = $.datepicker.parseDate('d/MM/yy', dateStr); 
       depart.setDate(depart.getDate() + nights); 
       $('#departureDate').val($.datepicker.formatDate('d/MM/yy', depart)); 
      } 
     }); 

     $('#numOfNights').change(function() { 
      var nights = parseInt($('#numOfNights').val()); 
      var depart = $.datepicker.parseDate('d/MM/yy',  $('#arrivalDate').val()); 
      depart.setDate(depart.getDate() + nights); 
      $('#departureDate').val($.datepicker.formatDate('d/MM/yy', depart)); 
     }); 
    $(function() { 
      $("#departureDate").datepicker({dateFormat: "d/MM/yy"}); 
     }); 

的jsfiddle here。