तिथि चयनकर्ता में (YYYY-MM-DD) को दिनांक स्वरूप (DD/MM/YY) बदलने के लिए

Question

मैं datepicker स्क्रिप्ट

<script> 
$(function(){ 
     $("#to").datepicker(); 
     $("#from").datepicker().bind("change",function(){ 
      var minValue = $(this).val(); 
      minValue = $.datepicker.parseDate("mm/dd/yy", minValue); 
      minValue.setDate(minValue.getDate()+1); 
      $("#to").datepicker("option", "minDate", minValue); 
     }) 
    }); 
</script> 

अब DateFormat MM/DD/YY बदलने के लिए .कैसे है foll0wing है अच्छी तरह से

$('#to').datepicker({ 
     dateFormat: 'yy-mm-dd' 
}); 

आप लगता है कि यह yyyy-mm-dd होगा, लेकिन ओह: करने के लिए तिथि प्रारूप YYYY-mM-DD

Answer 1

पर http://jsfiddle.net/gaby/WArtA/

Answer 2

निम्नलिखित का प्रयास करें पी

Answer 3

$(".selector").datepicker("option", "dateFormat", 'yy-mm-dd'); 

देखें: http://jqueryui.com/demos/datepicker/ और http://docs.jquery.com/UI/Datepicker/formatDate#utility-formatDate

Answer 4

इस प्रयास करें:

$.datepicker.parseDate("yy-mm-dd", minValue); 

Answer 5

आप अपने datepicker के प्रारंभ के दौरान कुछ इस तरह की जरूरत है:

$("#your_elements_id").datepicker({ dateFormat: 'yyyy-mm-dd' }); 

Answer 6

उपयोग .formatDate(format, date, settings)

http://docs.jquery.com/UI/Datepicker/formatDate

Answer 7

सभी के लिए धन्यवाद dateFormat विकल्प

$(function(){ 
     $("#to").datepicker({ dateFormat: 'yy-mm-dd' }); 
     $("#from").datepicker({ dateFormat: 'yy-mm-dd' }).bind("change",function(){ 
      var minValue = $(this).val(); 
      minValue = $.datepicker.parseDate("yy-mm-dd", minValue); 
      minValue.setDate(minValue.getDate()+1); 
      $("#to").datepicker("option", "minDate", minValue); 
     }) 
    }); 

डेमो का प्रयोग करें। मुझे मेरा अनुमानित आउटपुट

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all"> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> 

<script> 
$(function(){ 
     $("#to").datepicker({ dateFormat: 'yy-mm-dd' }); 
     $("#from").datepicker({ dateFormat: 'yy-mm-dd' }).bind("change",function(){ 
      var minValue = $(this).val(); 
      minValue = $.datepicker.parseDate("yy-mm-dd", minValue); 
      minValue.setDate(minValue.getDate()+1); 
      $("#to").datepicker("option", "minDate", minValue); 
     }) 
    }); 

</script> 

<div class=""> 
    <p>From Date: <input type="text" id="from"></p> 

    <p>To Date: <input type="text" id="to"></p> 
</div> 

Answer 8

मेरे पास एक ही समस्या थी और मैंने कई उत्तरों की कोशिश की लेकिन कुछ भी काम नहीं किया।

मैं निम्नलिखित की कोशिश की और यह सफलतापूर्वक काम किया:

<input type=text data-date-format='yy-mm-dd' > 

Answer 9

this मेरे लिए काम किया।

$('#thedate').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    altField: '#thealtdate', 
    altFormat: 'yy-mm-dd' 
}); 

Answer 10

यह मेरे लिए भी काम करता है। बूटस्ट्रैप-डेटपिकर.जेएस पर जाएं। साथ

var defaults = $.fn.datepicker.defaults = { 
 
\t \t autoclose: false, 
 
\t \t beforeShowDay: $.noop, 
 
\t \t calendarWeeks: false, 
 
\t \t clearBtn: false, 
 
\t \t daysOfWeekDisabled: [], 
 
\t \t endDate: Infinity, 
 
\t \t forceParse: true, 
 
\t \t format: 'mm/dd/yyyy', 
 
\t \t keyboardNavigation: true, 
 
\t \t language: 'en', 
 
\t \t minViewMode: 0, 
 
\t \t multidate: false, 
 
\t \t multidateSeparator: ',', 
 
\t \t orientation: "auto", 
 
\t \t rtl: false, 
 
\t \t startDate: -Infinity, 
 
\t \t startView: 0, 
 
\t \t todayBtn: false, 
 
\t \t todayHighlight: false, 
 
\t \t weekStart: 0 
 
\t };

:

इस कोड को बदलने

var defaults = $.fn.datepicker.defaults = { 
 
\t \t autoclose: false, 
 
\t \t beforeShowDay: $.noop, 
 
\t \t calendarWeeks: false, 
 
\t \t clearBtn: false, 
 
\t \t daysOfWeekDisabled: [], 
 
\t \t endDate: Infinity, 
 
\t \t forceParse: true, 
 
\t \t format: 'yyyy-mm-dd', 
 
\t \t keyboardNavigation: true, 
 
\t \t language: 'en', 
 
\t \t minViewMode: 0, 
 
\t \t multidate: false, 
 
\t \t multidateSeparator: ',', 
 
\t \t orientation: "auto", 
 
\t \t rtl: false, 
 
\t \t startDate: -Infinity, 
 
\t \t startView: 0, 
 
\t \t todayBtn: false, 
 
\t \t todayHighlight: false, 
 
\t \t weekStart: 0 
 
\t };

Answer 11

मैं में एक ही कार्रवाई करने के लिए इस दृष्टिकोण का इस्तेमाल किया मेरी एप्लिकेशन।

var varDate = $("#dateStart").val(); 

var DateinISO = $.datepicker.parseDate('mm/dd/yy', varDate); 

var DateNewFormat = $.datepicker.formatDate("yy-mm-dd", new Date(DateinISO)); 

$("#dateStartNewFormat").val(DateNewFormat); 

Answer 12

मेरे लिए यह काम:

$('#data_compra').daterangepicker({ 
      singleDatePicker: true, 
      locale: { 
      format: 'DD/MM/YYYY' 
      }, 
     calender_style: "picker_4", }, 
function(start, end, label) { 
      console.log(start.toISOString(), end.toISOString(), label); 
}); 

Answer 13

अगर jQuery DateFormat में तो काम नहीं कर रहा है कि हम अपनी तिथि के इनपुट क्षेत्र में html पृष्ठ में इस स्थिति को संभाल सकते हैं

<input type="text" data-date-format='yyyy-mm-dd' id="selectdateadmin" class="form-control" required>

और इस पृष्ठ के नीचे जावास्क्रिप्ट में अपनी तिथि जोड़ें पिकर कोड

$('#selectdateadmin').focusin(function() 
 
    { 
 
     $("#selectdateadmin").datepicker(); 
 
     
 
    });

Answer 14

सिर्फ अपने .datepicker({}) सेटिंग के dateFormat:'yy-mm-dd' जोड़ने के लिए, अपने .datepicker({}) इस

  $("#datepicker").datepicker({ 
       showButtonPanel: true, 
       changeMonth: true, 
       dateFormat: 'yy-mm-dd' 
      }); 
      }); 

    </script> 

Answer 15

यह है कि क्या हर datepicker संस्करण में मेरे लिए काम किया जैसे कुछ देख सकते हैं, सबसे पहले परिवर्तित आंतरिक तिथि में दिनांक पिकर तिथि प्रारूप, और फिर उसे वांछित एक

में परिवर्तित करना

var date = "2017-11-07"; 
date = $.datepicker.formatDate("dd.mm.yy", $.datepicker.parseDate('yy-mm-dd', date)); 
// 07.11.2017 

Answer 16

मेरे लिए DateTimePicker jQuery प्लगइन प्रारूप में: 'डी/एम/वाई' विकल्प

$("#dobDate").datetimepicker({ 
lang:'en', 
timepicker:false, 
autoclose: true, 
format:'d/m/Y', 
onChangeDateTime:function(ct){ 
    $(".xdsoft_datetimepicker").hide(); 
} 
});