zoukankan      html  css  js  c++  java
  • jquery easyui 日历控件和文本框结合使用生成日期

    html部分---等待接收所选日期的文本框

    <td>
        <input name='input_date' required class='easyui-textbox' id='xiwustart'   label= '起始日期:' style='100%'
        data-options="
        prompt:'Search...',
        icons: [{
        iconCls:'icon-search',
        handler: function(e){
        selectdate(e);
        }}]">                                            
    </td>

    html部分---点击搜索图标后触发的日期选择对话框

    <div id="datedlg" class="easyui-dialog" title="请点击选择日期" data-options="iconCls:'icon-save',closed:true" style="400px;
    height:300px;padding:10px"
    > <div class="easyui-calendar" id="cc" style="100%;height:250px;"> </div> </div>

    jquery部分

    function selectdate(e)
    {
        $("#datedlg").dialog('open');
        $('#cc').calendar({
            onSelect: function(date){
                var myyear = date.getFullYear();
                var mymonth = ((date.getMonth()+1)<10?('0'+(date.getMonth()+1)):(date.getMonth()+1));
                var mydate = ((date.getDate())<10?('0'+(date.getDate())):(date.getDate()));
                var thesedays = myyear+"-"+mymonth+"-"+mydate;
                $(e.data.target).textbox('setText',thesedays);
                $("#datedlg").dialog('close');
            }
        });
    }
  • 相关阅读:
    css 旋转
    html 旋转
    链表和数组的区别
    hashmap
    【java开发系列】—— 自定义注解
    java不确定参数个数方法例子
    mysql 删除
    linux下常用命令
    php的几种算法(转载)
    数据容器
  • 原文地址:https://www.cnblogs.com/saintdingspage/p/10934651.html
Copyright © 2011-2022 走看看