Question

我正在为Joomla使用日期时间插件，我希望日期字段“仅显示”，以便客户无法输入自己的日期，但必须从日历弹出窗口中选择。我怎么能这样做？

jQuery看起来像这样：

jQuery("#delivery_date").datepicker({
    minDate: "1",
    <!-- changed by jack -->
    maxDate: "+2W",
    firstDay: 1,
    changeFirstDay: false,
    dateFormat: "dd-mm-yy",
    onSelect: function(dateText) {                                    

jQuery.cookies.set("delivery_date",dateText);                                   

jQuery.cookies.set("delivery_time",dateText);                           

jQuery.cookies.set("delivery_totime",dateText);                              

},
beforeShowDay: blockDays
});

Answer 1

我认为您所寻找的所有内容都已answered here by Matthew Jacobs。

只需添加＆＃34; readonly＆＃34;属性为＆＃34; readonly＆＃34; jQuery UI DatePicker输入的值

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />

更新5.4.2015

另一种选择是动态添加属性，因为您不知道输入实际位置。像这样改变你的jQuery代码

jQuery("#delivery_date").datepicker({
    minDate: "1",
    <!-- changed by jack -->
    maxDate: "+2W",
    firstDay: 1,
    changeFirstDay: false,
    dateFormat: "dd-mm-yy",
    onSelect: function(dateText) {

jQuery.cookies.set("delivery_date",dateText);

jQuery.cookies.set("delivery_time",dateText);

jQuery.cookies.set("delivery_totime",dateText);

},
beforeShowDay: blockDays
});
jQuery("#delivery_date").attr('readonly', 'readonly');

它也应该完成这项工作。注意最后一行，这是它和你的代码之间的唯一区别。它将使用值＆＃34; readonly＆＃34;添加readonly属性。正如我在更新前建议的那样。

如何在jQuery中创建一个交付日期字段（“＃delivery_date”）。datepicker（{仅限joomla插件显示

1 个答案: