动态填充带有限制日期的jQuery移动日期框
Populating jQuery mobile datebox with restricted dates dynamically
我在jQuery mobile的日期框插件上遇到问题。
在我的代码中,我生成了一个ISO8601格式的日期数组,因为这是datebox所需要的。
在调用ajax方法并返回一些结果(响应用户输入)之后,我生成了这个数组。然后,我使用jQuery.attr函数向我的"calbox"节点添加一个数据选项属性,它看起来像这样:
<input name="mydate" id="mydate" type="date" data-role="datebox">
我的jQuery代码如下:
$("#NewPaymentPlans").attr("data-options", '{"mode": "calbox", "enableDates": ' + DateString + ' }');
DateString是转换为字符串的日期数组。
输出HTML如下所示:
<input name="NewPaymentPlans" id="NewPaymentPlans" type="text" data-role="datebox" class="ui-input-text ui-body-c" readonly="readonly" data-options="{"mode": "calbox", "enableDates": ["2013-08-06", "2013-08-07", "2013-08-08", "2013-08-09", "2013-08-10", "2013-08-11", "2013-08-12", "2013-08-13", "2013-08-14", "2013-08-15", "2013-08-16", "2013-08-17", "2013-08-18", "2013-08-19", "2013-08-20", "2013-08-21", "2013-08-22", "2013-08-23", "2013-08-24", "2013-08-25", "2013-08-26", "2013-08-27", "2013-08-28", "2013-08-29", "2013-08-30", "2013-08-31", "2013-09-01", "2013-09-02", "2013-09-03", "2013-09-04"] }">
("在Chrome显示的HTML中显示为双引号)。
据我所见,这应该行得通。我做了一个测试,使用了我的输出代码,并填写了数据选项选项,这样页面就可以加载这些选项并正常工作。
我认为动态分配数据选项属性可能存在问题。有人对此了解更多吗?
编辑:已解决
我已经想通了。
$("#NewPaymentPlans").data('mobileDatebox').options.enableDates = arrayofdates
$('#NewPaymentPlans').datebox('refresh');
结合此功能:
function CreateDateArray(arrayofdates) {
var datesarray = [];
var stringofdates;
$.each(arrayofdates, function (i) {
datesarray.push(arrayofdates[i].toISOString().substring(0, 10));
});
return datesarray
}
在动态填充$('#NewPaymentPlans').datebox('refresh')
之后,尝试调用它。
相关文章:
- jquery日期选择器年份范围默认值
- jquery日期选择器失去了交互性
- jquery日期选择器显示与值不同的文本
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 使用AJAX将日期从SQL服务器传递到jQuery日历
- 如何使用jquery更改为所需的日期格式
- 如何使用jQuery按数据日期属性选择元素
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- jQuery Datepicker从日期开始设置默认值
- 如何在jQuery Mobile中设置100%宽度的输入类型日期
- jQuery完整日历添加事件,仅包含月份和日期
- Jquery setdate设置的日期小于实际选定日期的一
- Jquery UI日期选择器不关注输入
- 如何显示/隐藏范围,具体取决于本地时间是否等于“开始日期”和“结束日期”Jquery之间
- 禁用列表日期 jquery 日期选择器
- 用户选择日期10年从今天日期jquery日期选择器
- 计算结束日期从月和开始日期JQuery
- 只选择一个数组的日期Jquery日期拾取器
- 根据当前日期jQuery按顺序显示即将到来的日期
- Kendo DatePicker 禁用日期 jQuery