WdatePicker日期控件使用与值获取,以及选择日期完毕触发事件

HTML:

<!--引入WdaePicker文件-->
<script type="test/javascript" scr="datePicker/WdatePicker.js"></script>
<link rel="stylesheet" type="text/css" href="datePicker/skin/WdatePicker.css"/>

<input id="time" type="text" class="Wdate" onclick="WdatePicker({el:$dp.$(‘time‘),dateFmt:‘yyyy-MM-DD‘,onpicked: function () { alert(123) } })"/>//onpicked: function () { alert(123) }  就是选择日期完毕触发事件

JS:

$dp.$(‘time‘).value=getNowFormatDate() ; //设置初始值为当前时间
var time = $dp.$(‘time‘).value; //获取值,$dp.$(‘time‘)相当于Document.GetElementById

上面使用到的getNowFormatDate() 方法:

//获取当前时间,格式YYYY-MM-DD
    function getNowFormatDate() {
        var date = new Date();
        var seperator1 = "-";
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var strDate = date.getDate();
        if (month >= 1 && month <= 9) {
            month = "0" + month;
        }
        if (strDate >= 0 && strDate <= 9) {
            strDate = "0" + strDate;
        }
        var currentdate = year + seperator1 + month + seperator1 + strDate;
        return currentdate;
    }

原文地址:https://www.cnblogs.com/wangxiaoyan/p/9361572.html

时间: 2024-10-24 06:07:44

WdatePicker日期控件使用与值获取,以及选择日期完毕触发事件的相关文章

EasyUI篇の日期控件(easyui-datebox)

目的:日期后者不得小于前者,对日期控件进行控制 例子: 1 <input id="benTime" name="benTime" class="easyui-datebox" data-options="prompt:'请选择开工日期',editable:false,required:'true',onSelect:onSelect"> 2 <input id="endTime" name

my97日期控件弹出位置显示异常

使用my97日期选择控件的时候,如果整个页面是有滚动条的,根据触发显示日期的控件的父控件的position不同会显示不同的情况 1.position不为fixed则滑动滚动条,显示的日期层不会出现异常位移,如下图 滚动条不动,正常显示 滚动条没去,正常显示 2.position为fixed则滑动滚动税票,显示的日期层会根据滚动条的移动而移动,如下图 滚动条不动,正常显示 滚动条滑动,异常位移 对于第二种情况解决方法如下: 写一个方法 如下: function showDate() { $('if

js 常用日期控件使用

一.My97DatePicker 当前最新版本: 4.8 官网:http://www.my97.net/ csdn下载地址: http://download.csdn.net/detail/czw2010/8585183 1. 使用说明: My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的

[原创] Web UI 自动化日期控件的处理

序 在构建自动化套件的过程中,日期操作是一件很重要也很频繁的事情.有的日期控件的div层级结构复杂,同一个类型的日期控件在多个子系统中的表现形式也大相径庭.多数工程师为了避免重复的工作,会封装抽象一个方法或公共的库,还有部分会封装成单独的日期类库. 控件 下面是去啊的日期控件 下面是相关的HTML 当然,有的日期控件元素的id为对应的日期. 代码逻辑 针对这种双日期的格式,我们如何在代码中进行处理输入? 1.      输入目标日期. 2.      判断目标日期与当前日期的差值 -      

操作日期控件

#!usr/bin/env python #-*- coding:utf-8 -*- """ @author: sleeping_cat @Contact : [email protected] """ #操作日期控件 from selenium import webdriver import unittest,time,traceback from selenium.webdriver.support.ui import WebDriverWa

bootstrap 日期控件常用选项

使用bootstrap作为UI基础之后,为了尽可能的保持系统风格的一致性,通常我们不太会考虑再引入My97DatePicker作为日期控件. 作为潜在实现的选择之一,http://www.bootcss.com/p/bootstrap-datetimepicker/是比较好的实现,其提供的功能还是强大的.从实用角度来说,包含时间部分和不包含时间部分的场景都很多. 典型的用法通常包括: 1.初始化包含日期,YYYY-MM-DD格式,不需要时间部分. <div class='input-group

Wdatepicker日期控件的使用指南

示例2-3-1 起始日期简单应用 示例2-3-2 alwaysUseStartDate属性应用 示例2-3-3 使用内置参数 示例 2-4-1: 年月日时分秒 示例 2-4-2 时分秒 示例 2-4-3 年月 示例 2-4-4 取得系统可识别的日期值(重要) 示例2-5 日期和时间的编辑演示 示例2-6-1 不合法的日期演示 示例2-6-2 超出日期限制范围的日期也被认为是一个不合法的日期 示例2-6-3 使用无效天和无效日期功能限制的日期也被认为是一个不合法的日期 示例2-7 跨无限级框架演示

DevExpress XtraGrid网格控件示例三:获取当前处于编辑状态的值

使用下面的示例代码,以获得当前编辑的值. C# 1 string editingValue; 2 if(gridControl1.KeyboardFocusView.IsEditing) 3 editingValue = gridControl1.KeyboardFocusView.EditingValue.ToString(); DevExpress XtraGrid网格控件示例三:获取当前处于编辑状态的值,布布扣,bubuko.com

如何获取上一个页面中checkbox控件选中的值

php开发中,<php开发中.<php开发中.如何获取上一个页面中checkbox控件选中的值呢?并输出出来,以下是代码示例: <? $music=$_POST['music']; //取得所选中的checkbox个数 $coun=count$music; ifis_arrai$music{ echo'您选择的 : '; foreach$musicas$kei=>$var echo'  ['.$var.']'; echo$key; } ?> *****************