栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在jQuery UI datepicker中仅选择特定日期(日期列表来自AJAX)

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在jQuery UI datepicker中仅选择特定日期(日期列表来自AJAX)

  • 仅初始化一次数据选择器;告诉它从全局数组中获取有效日期
  • 使用数组文字初始化全局数组,必要时通过AJAX更新
  • .datepicker("refresh")
    每当禁用/启用日期更改时(即当您通过AJAX获得新结果时)都调用该方法
  • 您的代码未在日期中添加前导零,因此
    $.inArray
    无法按预期工作

var datelist = []; // initialize empty array$("#datepicker").datepicker({    beforeShowDay: function(d) {        // normalize the date for searching in array        var dmy = "";        dmy += ("00" + d.getDate()).slice(-2) + "-";        dmy += ("00" + (d.getMonth() + 1)).slice(-2) + "-";        dmy += d.getFullYear();        return [$.inArray(dmy, datelist) >= 0 ? true : false, ""];    }});$("#button").click(function() {    datelist = []; // empty the array    $.post("/echo/html/", {        // parameters here    }, function() {        var result = "28-02-2012,29-02-2012,01-03-2012,02-03-2012,03-03-2012,04-03-2012,05-03-2012,06-03-2012,07-03-2012,08-03-2012,09-03-2012,28-02-2012,29-02-2012,01-03-2012,02-03-2012,03-03-2012,04-03-2012,05-03-2012,06-03-2012,07-03-2012,08-03-2012,09-03-2012"; // dummy result        datelist = result.split(","); // populate the array        $("#datepicker").datepicker("refresh"); // tell datepicker that it needs to draw itself again    });

在这里演示



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/393437.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号