在實現css中更改datepicker的語言

我試圖更改實際css版本0.99.0中的datepicker的語言，但不起作用。我試着改變日期選擇器defaults.in materialize.js上的語言，但沒有奏效。有人知道如何做到這一點？謝謝。在實現css中更改datepicker的語言

HTML：

<div class="input-field col s6"> 
        <input type="date" class="datepicker" id="pickdate"> 
        <label for="pickdate">DATA</label> 
       </div>

的javascript：

$(document).ready(function() { 
    $('.datepicker').pickadate({ 
     format: 'dd/mm/yyyy', 
     selectMonths: true, // Creates a dropdown to control month 
     selectYears: 15 // Creates a dropdown of 15 years to control year 



});

來源

2017-07-18 Jdev

據the docs，揀貨機：

可以擴展到增加對國際化的支持。

翻譯超過40種語言提供開箱即用，你可以包括以下兩種方法之一：在pickadate.js repository可用

// Extend the default picker options for all instances. 
$.extend($.fn.pickadate.defaults, { 
    monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], 
    weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'], 
    today: 'aujourd\'hui', 
    clear: 'effacer', 
    formatSubmit: 'yyyy/mm/dd' 
}) 

// Or, pass the months and weekdays as an array for each invocation. 
$('.datepicker').pickadate({ 
    monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], 
    weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'], 
    today: 'aujourd\'hui', 
    clear: 'effacer', 
    formatSubmit: 'yyyy/mm/dd' 
})

更多的翻譯。

$(document).ready(function() { 
 
    $('.datepicker').pickadate({ 
 
    format: 'dd/mm/yyyy', 
 
    selectMonths: true, // Creates a dropdown to control month 
 
    selectYears: 15, 
 
    monthsFull: ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], 
 
    weekdaysShort: ['Dim', 'Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam'], 
 
    today: 'aujourd\'hui', 
 
    clear: 'effacer', 
 
    formatSubmit: 'yyyy/mm/dd' 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/picker.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/picker.date.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/themes/default.css" rel="stylesheet" /> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/pickadate.js/3.5.6/compressed/themes/default.date.css" rel="stylesheet" /> 
 

 
<input type="date" class="datepicker" id="pickdate">

來源

2017-07-18 01:18:09

當我添加的日期選擇器不工作了，只是工作在瀏覽器中默認的第二種方式。 – Jdev

很奇怪，如果我在腳本上添加任何東西，日期選擇器不再工作，並且默認瀏覽器選擇器被覆蓋。我在datepicker stript之前調用了jquery和marerialize.min.js，這是對的嗎？ – Jdev

可能是一個pickadate版本問題。我已經更新瞭解決方案以包含一個工作示例。一定要包含所有必需的JS和CSS文件，有幾個必需的。 –

在實現css中更改datepicker的語言

回答

相關問題