如何在 jQuery("#delivery_date").datepicker( joomla plugin display only

Posted 2023-05-07

【中文标题】如何在 jQuery("#delivery_date").datepicker( joomla plugin display only

【英文标题】：How to make a delivery date field in a jQuery("#delivery_date").datepicker( joomla plugin display only如何在 jQuery("#delivery_date").datepicker( joomla plugin display only

【发布时间】：2015-06-08 14:39:46

【问题描述】：

我正在使用 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
);

【参考方案1】：

我认为您正在寻找的只是answered here by Matthew Jacobs。

只需将带有“readonly”值的“readonly”属性添加到 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');

它也应该完成这项工作。请注意最后一行，这是此代码与您的代码之间的唯一区别。它将按照我在更新前的建议添加值为“readonly”的 readonly 属性。