Bootstrap datepicker format setDate dd/mm/yyyy

 Saya harus mengatur tanggal di datepicker saya dalam format dd/mm/yyyy. Apa yang saya coba lakukan, dengan Javascript adalah ini:

  var year = 2014;
  var month = 5;
  var day = 10;

  var realDate = new Date(year, month - 1, day); // months are 0-based!

  $('#MainContent_txtDataConsegna').datepicker({ dateFormat: 'dd/mm/yyyy' }); // format to show
  $('#MainContent_txtDataConsegna').datepicker('setDate', realDate);

masalahnya adalah bahwa nilai di dalam datepicker saya selalu dalam format mm/hh/tttt. Dimana masalahnya??

Berikut definisi datepicker dan opsi datepicker:

   <div class="input-group date">
       <asp:TextBox runat="server" ID="txtDataOrdine" class="form-control" onBlur="CalcolaTotaliTestata('txtDataOrdine')"></asp:TextBox>
       <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i>/span>
    </div>

<script type="text/javascript">
   $('.input-group.date').datepicker({
       todayBtn: "linked",
       language: "it",
       autoclose: true,
       todayHighlight: true,
       dateFormat: 'dd/mm/yyyy' 
   });
</script>  

Perubahan

dateFormat: 'dd/mm/yyyy'

untuk

format: 'dd/mm/yyyy'

Sepertinya Anda salah membaca beberapa dokumentasi!   

sedikit perubahan format 

format: "DD/MM/YYYY"   

Mengubah ke format: 'dd/mm/yyyy' tidak berhasil untuk saya, dan mengubahnya menjadi dateFormat: 'dd/mm/yyyy' ditambahkan tahun beberapa kali, Yang terbaik untuk saya adalah, 

dateFormat: 'dd/mm/yy'    

Ada yang membingungkan ketika Anda menggunakan pemilih data, untuk bootstrap datepicker Anda harus menggunakan kode berikut: -

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});

dan untuk datepicker jquery kode berikut harus digunakan: -

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

Jadi, Anda harus mengetahui pemilih tanggal mana yang Anda gunakan, yang pada akhirnya menyelesaikan masalah Anda, Semoga ini membantu Anda.    

Bagi saya, saya mendapatkan masalah yang sama dengan yang saya selesaikan seperti ini. dateFormat : 'dd/mm/yy'     

bagi saya itu adalah daterangepicker bekerja dengan ini:

     $('#Host1field').daterangepicker({
                   locale: {
                            format: 'DD/MM/YYYY'
                            }
                 });    

Anda dapat menggunakan kode ini untuk datepicker bootstrap:

Kode HTML:  

<p>Date: <input type="text" id="datepicker" class="datepicker"></p>

Javascript:

$( ".datepicker" ).datepicker({
   format: 'yyyy-mm-dd'
});    

format: "DD/MM/YYYY" harus menyelesaikan masalah Anda. Jika Anda memerlukan bantuan lebih lanjut mengenai format yang tersedia, silakan kunjungi http://momentjs.com/ yang digunakan oleh kontrol ini secara internal.

Saya menghadapi masalah di mana "format" ini berfungsi dengan baik pada mesin lokal tetapi ketika saya menggunakan aplikasi di server, tanggalnya tidak bertambah dan kontrolnya kosong. ketika saya berkomentar kode format, itu mulai berfungsi tetapi kemudian saya tidak memiliki format yang saya butuhkan. Saya memperbaiki masalah itu menggunakan entri globalisasi di web.config.

<system.web>
    <globalization
    requestEncoding="utf-8"
    responseEncoding="utf-8"
    culture="en-GB"
    uiCulture="en-GB" />    
</system.web>

Ini membantu memastikan bahwa lingkungan lokal & server memiliki budaya yang sama.   

Saya memiliki beberapa masalah dengan jquery mobile 1.4.5. Misalnya sepertinya menerima perubahan format hanya lewat dari "opsi". Dan ada beberapa masalah penyegaran dengan kalender menggunakan "opsi". Untuk semua yang memiliki masalah yang sama saya dapat menyarankan kode ini:

$( "#mydatepicker" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
$( "#mydatepicker" ).datepicker( "setDate", new Date());    
$('.ui-datepicker-calendar').hide();   

"Seperti halnya plugin bootstrap sendiri, datepicker menyediakan api data yang dapat digunakan untuk membuat instance datepicker tanpa perlu javascript khusus ..."

Dokumentasi DatePicker Boostrap

Mungkin Anda ingin mengatur format tanpa instance DatePicker, untuk itu, Anda harus menambahkan properti data-date-format="DateFormat" ke tag Div utama, misalnya:

<div class="input-group date" data-provide="datepicker" data-date-format="yyyy-mm-dd">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>

    <input type="text" name="YourName" id="YourId" class="YourClass">
</div>

sumber : https://www.pengembangan-web-mp-pd.com/id/javascript/bootstrap-datepicker-format-setdate-ddmmyyyy/1045805768/