addtime.html 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. <div class="layuimini-container">
  2. <form id="app-form" class="layui-form layuimini-form">
  3. <div class="layui-form-item">
  4. <label class="layui-form-label">那一天</label>
  5. <div class="layui-input-block">
  6. <!-- <input type="text" name="buy_time" class="layui-input" lay-verify="required" placeholder="请输入" value="">-->
  7. <input type="text" lay-verify="required" name="day" class="layui-input" id="test11" placeholder="yyyy年MM月dd日" value="{$row.day|default=''}">
  8. </div>
  9. </div>
  10. <div class="layui-form-item">
  11. <label class="layui-form-label">时间段</label>
  12. <div class="layui-input-block">
  13. <!-- <input type="text" name="buy_time" class="layui-input" lay-verify="required" placeholder="请输入" value="">-->
  14. <!-- <input class="layui-input timer" lay-verify="required" id="timer" placeholder="开始时间" value=""/>-->
  15. <input type="text" name="time1" class="layui-input" id="datePicker" placeholder="选择时间段" value="{$row.time1|default=''}">
  16. <input type="text" name="time2" class="layui-input" id="datePicker" placeholder="选择时间段" value="{$row.time2|default=''}">
  17. <input type="text" name="time3" class="layui-input" id="datePicker" placeholder="选择时间段" value="{$row.time3|default=''}">
  18. </div>
  19. </div>
  20. <div class="hr-line"></div>
  21. <div class="layui-form-item text-center">
  22. <button type="submit" class="layui-btn layui-btn-normal layui-btn-sm" lay-submit>确认</button>
  23. </div>
  24. </form>
  25. </div>
  26. <script>
  27. layui.use('laydate', function(){
  28. var laydate = layui.laydate;
  29. //自定义格式
  30. laydate.render({
  31. elem: '#test11'
  32. ,format: 'yyyy-MM-dd'
  33. });
  34. // laydate.render({
  35. // elem: '#timer'
  36. // ,type: 'time'
  37. // ,range:true
  38. // ,trigger: 'click'
  39. // ,done: function(value, date, endDate){
  40. // // console.log(value); //得到日期生成的值,如:2017-08-18
  41. // time = value;
  42. // }
  43. // });
  44. // 绑定日期控件
  45. // layui.use('laydate', function(){
  46. // var laydate = layui.laydate;
  47. //同时绑定多个
  48. lay('#datePicker').each(function(d){
  49. laydate.render({
  50. elem: this,
  51. type: 'time',
  52. range:true,
  53. trigger: 'click'
  54. });
  55. });
  56. // });
  57. })
  58. </script>