zoukankan      html  css  js  c++  java
  • layui时间控件,获取页面选中的时间值。

    先贴上html文档

    <div class='layui-form'>
    	<div class="layui-form-item">
    			<div class="layui-inline">		
    				<label class="layui-form-label">起始日期:</label>
    				<input type="text" class="layui-input" id="startdatepicker" autocomplete="off" />
    				
    			 </div>
    			<div class="layui-inline">		
    				<label class="layui-form-label">截止日期:</label>
    				<input type="text" class="layui-input" id="enddatepicker" autocomplete="off" />
    			 </div>
    			 <button class="layui-btn" data-type="reload">搜索</button>
    		</div> 
    </div>

    时间选择器

     1 layui.use('laydate',function(){
     2     var laydate = layui.laydate;
     3     
     4    laydate.render({
     5         elem:'#startdatepicker'
     6         ,format:'yyyy-MM-dd'
     7         ,done:function(value,date,startDate){
     8             //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
     9         }
    10     });
    11     
    12     var enddatepicker=laydate.render({
    13         elem:'#enddatepicker'
    14         ,format:'yyyy-MM-dd'
    15         ,done:function(value,date,startDate){
    16             //$scope.querySearchParams.startdatepicker = stitchingDate(value,'startdatepicker');
    17         }
    18     });  
    19 });
    View Code

    获取日期,并重载

     1  1 var $ = layui.$, active = {
     2  2                 reload : function() {                    
     3  3                     var startdate = $("#startdatepicker");
     4  4                     var enddate = $("#enddatepicker");
     5  5                     
     6  6                     //执行重载
     7  7                     table.reload('tests', {
     8  8                         where : {
     9  9                             start : startdate.val(),
    10 10                             end : enddate.val()
    11 11                         }
    12 12                     });
    13 13                 }
    14 14             };
    15 15             $('.layui-btn').on('click', function() {
    16 16                 var type = $(this).data('type');
    17 17                 active[type] ? active[type].call(this) : '';
    18 18             });
    View Code
  • 相关阅读:
    DailyTick 开发实录 —— UI 设计
    CoreCRM 开发实录 —— 单元测试之 Mock UserManager 和 SignInManager
    CoreCRM 开发实录 —— 单元测试、测试驱动开发和在线服务
    CoreCRM 开发实录 —— Profile
    DailyTick 开发实录 —— 开始
    2016年年终总结
    centos7下mongodb4集群安装
    centos7下elasitcsearch7集群安装
    centos es2.x安装
    centos jdk切换
  • 原文地址:https://www.cnblogs.com/pupil10/p/10473857.html
Copyright © 2011-2022 走看看