Question

我在Yii上有项目，有一项任务是从 juidatepicker 小部件中选择日期。但它必须有三种不同的类型，如年/年 - 月/年 - 月 - 。我如何修改datepicker并在一个datepicker中选择该三种类型的日期？我对JS不感兴趣，对不起我的英语

Answer 1

我会尝试根据您的需要设置所有三个Datepickers和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>

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

2 个答案: