javascript - CJuiDatePicker 年/年月/年月日選択

Question

Yii にプロジェクトがあり、juidatepickerウィジェットから日付を選択するタスクがあります。ただし、年/年-月/年-月-日の3 つの異なる型である必要があります。datepicker を変更して、1 つの datepicker でその 3 つのタイプの日付を選択するにはどうすればよいですか? 私はJSが苦手で、英語が苦手で申し訳ありません

Answer 1

CJuiDatePickerjQuery UI Datepicker Widgetを実装しているため、プロパティを設定できdateFormatます。動的に変更する方法の例を参照してください。

<p>Please, select date format
<ul>
    <li><input type="radio" name="dateFormat" value="yy" checked="checked">yy</li>
    <li><input type="radio" name="dateFormat" value="yy-mm">yy-mm</li>
    <li><input type="radio" name="dateFormat" value="yy-mm-dd">yy-mm-dd</li>
</ul>
<p>Date <input type="text" name="date" id="datepicker">

<script>
    var dp = $('#datepicker');
    var dateFormat = "yy";
    dp.datepicker({dateFormat:dateFormat});
    $(':radio[name="dateFormat"]').change(function(){
        dp.datepicker( "option", "dateFormat", $(this).val() );
    });
</script>