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

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

clipboard.png
clipboard.png

clipboard.png

阅读 7.8k
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>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题