javascript - 有用过jquery-weui的朋友吗？有个关于Picker组件的问题求助-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 有用过jquery-weui的朋友吗？有个关于Picker组件的问题求助

黄舟 2017-04-11 10:57:23

[JavaScript讨论组]

506

如图，我传入了两个数组到picker中，分别如图，重点是右边的数组，代表当天的时间可选项，但是有个前提是，当前已经过去的时间是不允许出现的，所以需要判断当前时间，剔除掉数组中的过去时间，然后更新values数组，现在的问题是，我强制更新了改数组是没用的，我想知道这个组件有没有提供方法来更新这个数组啊？

黄舟

人生最曼妙的风景，竟是内心的淡定与从容！

全部回复(1)

黄舟2017-04-11 10:59:23 1楼

1:需要引入下moment.js

<script type="text/javascript">
    var d1, d2, d3, d4, d5, d6, d7;
    d1 = moment().format("YYYY-MM-DD");
    d2 = moment().add('days', 1).format("YYYY-MM-DD");
    d3 = moment().add('days', 2).format("YYYY-MM-DD");
    d4 = moment().add('days', 3).format("YYYY-MM-DD");
    d5 = moment().add('days', 4).format("YYYY-MM-DD");
    d6 = moment().add('days', 5).format("YYYY-MM-DD");
    d7 = moment().add('days', 6).format("YYYY-MM-DD");
    $("#picker").picker({
        title: "请选择预约时间",
        cols: [
            {
                textAlign: 'center',
                values: [d1, d2, d3, d4, d5, d6, d7],
                displayValues: ['今天(' + d1 + ")", '明天(' + d2 + ")", '后天(' + d3 + ")", '2天后(' + d4 + ")", '3天后(' + d5 + ")", '4天后(' + d6 + ")", '5天后(' + d7 + ")",],
            },
            {
                textAlign: 'center',
                values: ['09:00~11:00', '11:00~13:00', '13:00~15:00', '15:00~17:00', '17:00~19:00']
            },
        ],
        onChange: function (rs) {
            var choseDate = $(".picker-items-col-wrapper").eq(0).find('.picker-selected').attr("data-picker-value");
            var choseHour = $(".picker-items-col-wrapper").eq(1).find('.picker-selected').attr("data-picker-value");
            var hourList = $(".picker-items-col-wrapper").eq(1).find('.picker-item');
            var nowDate = moment();
            var hour = choseHour.split("~");
            var endDate = moment(choseDate + " " + hour[1]);
            if (nowDate > endDate) {
                var setDate = choseDate;
                var setHour = "";
                hourList.each(function () {
                    var tempHour = $(this).attr("data-picker-value");
                    var tempEndDate = moment(choseDate + " " + tempHour.split("~")[1]);
                    if (tempEndDate > nowDate) {
                        setHour = tempHour;
                        $("#picker").picker("setValue", [setDate, setHour]);
                        return false;
                    }
                });
                if (setHour == "") {
                    setDate = nowDate.add('days', 1).format("YYYY-MM-DD");
                    setHour = '09:00~11:00';
                    $("#picker").picker("setValue", [setDate, setHour]);
                }
            }
        },
    });
</script>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>