人人商城每日选择时分秒时间组件

人人商城每日时间组件 

<input type="text" name="receivetypeday[btime][]" id="btime{$index}" class="form-control" value="{$row['btime']}" οnclick="WdatePicker({dateFmt:'HH:mm:ss'})"/>

WdatePicker下载插件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 WeUI 的 picker 组件来实现时分秒时间选择。具体步骤如下: 1. 引入 WeUI 的 picker 组件和样式文件: ```html <link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/2.0.1/weui.min.css"> <script src="https://res.wx.qq.com/open/libs/weuijs/1.2.1/weui.min.js"></script> ``` 2. 在页面中添加一个文本框和一个触发选择的按钮: ```html <input type="text" class="weui-input" id="timepicker"> <button class="weui-btn" onclick="showPicker()">选择时间</button> ``` 3. 编写 JavaScript 代码,实现时间选择器的弹出和时间的获取: ```javascript function showPicker() { // 初始化时间数据 var hours = []; var minutes = []; var seconds = []; for (var i = 0; i <= 23; i++) { hours.push({ label: i < 10 ? ('0' + i) : i, value: i }); } for (var i = 0; i <= 59; i++) { minutes.push({ label: i < 10 ? ('0' + i) : i, value: i }); seconds.push({ label: i < 10 ? ('0' + i) : i, value: i }); } // 弹出时间选择器 weui.picker([ hours, minutes, seconds ], { defaultValue: [0, 0, 0], onChange: function(result) {}, onConfirm: function(result) { // 获取选择时间 var hour = result[0].value; var minute = result[1].value; var second = result[2].value; var timeStr = hour + ':' + minute + ':' + second; // 将时间设置到文本框中 document.getElementById('timepicker').value = timeStr; } }); } ``` 以上代码实现了一个简单的时分秒时间选择器。当用户点击“选择时间”按钮时,会弹出一个时间选择器,用户选择时间后,选中的时间会自动填充到文本框中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值