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');
            }
        });
    }
  • 相关阅读:
    洛谷1026 统计单词个数
    洛谷1381 单词背诵
    Manacher(hdu3068最长回文)
    洛谷P1078 文化之旅
    HDU1269 迷宫城堡
    codevs1020 孪生蜘蛛
    洛谷P1027 Car的旅行路线
    楼房 洛谷1382 && codevs2995
    Picture poj1177
    排列组合
  • 原文地址:https://www.cnblogs.com/saintdingspage/p/10934651.html
Copyright © 2011-2022 走看看