基于Easyui框架下使用WdatePicker日期JS包写法

最新推荐文章于 2022-11-03 10:25:15 发布

筱筱脱脱

最新推荐文章于 2022-11-03 10:25:15 发布

阅读量1.7k

点赞数 1

分类专栏： ASp.net EasyUI jquery MVC WdatePicker 文章标签： Easyui WdatePicker

ASp.net 同时被 3 个专栏收录

40 篇文章 0 订阅

订阅专栏

jquery

20 篇文章 0 订阅

订阅专栏

MVC

18 篇文章 0 订阅

订阅专栏

<link rel="stylesheet" type="text/css" href="~/Content/themes/gray/easyui.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/themes/gray/mystyle.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/themes/gray/css/system.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/themes/gray/css/widget.css" />
    <link rel="stylesheet" type="text/css" href="~/Content/themes/gray/css/font.css" />
	<link rel="stylesheet" type="text/css" href="~/Content/themes/icon.css" />
    
	<script type="text/javascript" src="~/Scripts/jquery.min.js"></script>
	<script type="text/javascript" src="~/Scripts/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="~/Scripts/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="~/Scripts/validatebox.js"></script>
    <script type="text/javascript" src="~/Scripts/tablePage.js"></script>
    <script type="text/javascript" src="~/Scripts/app_pub.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="~/Scripts/json2.js"></script>
    <script type="text/javascript" src="~/Scripts/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery.form.js"></script>
    <script type="text/javascript" src="~/Scripts/pageLoader.js"></script>

<script type="text/javascript">
    function GetWdatePickerData(target,dateformt) {
        var handle = $.extend({}, $.fn.textbox.defaults.inputEvents, { click: function () {
            WdatePicker({ onpicking: function (dp) {
                $("#" + target).textbox('setValue', dp.cal.getNewDateStr());
            }, dateFmt: dateformt, onclearing: function (dp) {
                $("#" + target).textbox('setValue', '');
               }
            });
          }
        });
        return handle;
    }
</script>



 <input id="ny" name="ny" class="easyui-textbox" data-options="editable:false,width:'10%',iconCls:'icon-date',inputEvents:GetWdatePickerData('ny','yyyyMM') " />
                <input id="nn" name="nn" class="easyui-textbox" data-options="editable:false,width:'10%',iconCls:'icon-date',inputEvents:GetWdatePickerData('nn','yyyy') " />
                <input id="nnyr" name="nnyr" class="easyui-textbox" data-options="editable:false,width:'10%',iconCls:'icon-date',inputEvents:GetWdatePickerData('nnyr','yyyyMMdd') " />
                <input id="nnyrd" name="nnyrd" class="easyui-textbox" data-options="editable:false,width:'20%',iconCls:'icon-date',inputEvents:GetWdatePickerData('nnyrd','yyyy-MM-dd HH:mm:ss') " />