2017-07-18 49 views
2

私は、実際のマテリアライズCSSのバージョン0.99.0での日付ピッカーの言語を変更しようとしているが、動作しません。私は言語を変更しようとしました* date picker defaults.in materialize.jsでも作業しませんでした。 誰かがこれを行う方法を知っていますか?ありがとう。言語の変更

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 



}); 

答えて

1

the docsによると、ピッカー:

は、国際化のサポートを追加するために拡張することができます。 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' 
}) 

より翻訳:40以上の言語の

翻訳は、次の2つの方法のいずれかに含めることができ、箱から出してご利用いただけます。

$(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">

+0

私は、日付ピッカーはもう仕事とちょうどブラウザのデフォルトの動作しない第二の方法を追加したとき。 – Jdev

+0

私はスクリプト上に何かを追加すると、datepickerはもはや動作せず、デフォルトのブラウザピッカーによって上書きされます。 私は日付ピッカーのstript前にjQueryとmarerialize.min.jsを呼び出すには、これは正しいでしょうか? – Jdev

+0

ピックアップ版の問題である可能性があります。私は実際の例を含むようにソリューションを更新しました。必要なJSファイルとCSSファイルをすべて含めてください。いくつかのファイルが必要です。 –

関連する問題