javascript - CJuiDatePicker 年/年-月/年-月-日选择

Question

我在 Yii 上有一个项目，有一个任务是从juidatepicker小部件中选择日期。但它必须是year/year-month/year-month-day三种不同的类型。我如何修改日期选择器并在一个日期选择器中选择这三种类型的日期？我不擅长 JS，对我的英语感到抱歉

Answer 1

我会尝试根据您的需要设置所有三个日期选择器和hide()/show()它们（使用下拉菜单或类似的东西..）。

您还可以尝试append()在日期选择器中使用带有三个按钮的条形菜单来在模式之间切换。

祝你好运！

Answer 2

CJuiDatePicker实现jQuery 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>