WdatePicker控件的使用

最新推荐文章于 2025-06-07 13:59:35 发布
最新推荐文章于 2025-06-07 13:59:35 发布
阅读量1.5k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： ————HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/nangeali/article/details/80823616
本文介绍了WdatePicker日期时间控件的使用方法。通过简单的步骤，可以在网页上实现日期选择功能。支持多种日期格式，并提供了官方网站链接供进一步学习。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

WdatePicker是一个日期时间控件
使用非常简单，首先，引入它的CSS和JS文件
直接，给input控件，添加onclick事件即可

<input class="Wdate" type="text" onClick="WdatePicker()">

日期时间控件的格式
通过dateFmt来控制，传不同的参数显示不同的格式

onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"

官网：
http://www.my97.net/
http://www.my97.net/demo/index.htm
有问题，看文档
这里写图片描述

WdatePicker
08-07
上传优快云，方便获取链接
My97DatePicker
weixin_30872499的博客
07-14 2848
1. 简介 目前的版本是:4.0 Prerelease 发布于2008-04-02 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用...
uniapp中的picker组件与w-picker自定义组件详解
最新发布
weixin_35433448的博客
06-07 808
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，它允许开发者编写一次代码，发布到多个平台。picker组件是uni-app中的基础组件之一，它主要用来实现列表选择、日期选择、时间选择等功能，使得用户可以在一系列预定义的选项中进行选择，而无需从头开始构建选择逻辑。对于提高应用程序的用户交互体验起到了关键作用。picker组件的数据绑定是通过v-model实现的，v-model本质上是语法糖，它负责组件与Vue实例的数据双向绑定。
WdatePicker使用方法
奋斗不息
08-14 5602
转载：https://www.cnblogs.com/goloving/p/7163697.html 只需要引入js文件即可： 自己试了个小实例： 复制代码 <!doctype html> 会员名： 出生日期： 复制代码 　　其中class="Wdate"加与不加，会在页面上有所差异，加上class的如图示会有个时间的小图...
WdatePicker之使用
绣花针
12-25 902
一.动态变量表 格式 说明 %y 当前年 %M 当前月 %d 当前日 %ld 本月最后一天 %H 当前时 %m ...
日期插件wdatePicker的使用
null
04-27 427
https://blog.youkuaiyun.com/honghailiang888/article/details/51384929 插件源码：http://www.my97.net/down.asp
WdatePicker日历控件使用方法
03-25
**WdatePicker日历控件使用方法** WdatePicker是一款非常流行且功能强大的JavaScript日历控件，由My97公司开发。它以其简洁的界面、丰富的自定义选项以及良好的兼容性，在网页开发中得到了广泛应用。这篇博文将详细...
Wdatepicker时间控件
04-18
**Wdatepicker时间控件详解** 在前端开发中，时间控件是常见的用户界面元素，用于让用户方便地选择日期或时间。Wdatepicker是一款专为Web应用设计的轻量级、高效且功能丰富的日期选择器组件。它以其简洁的样式、...
WdatePicker 使用笔记
你当像鸟飞往你的山~~
03-06 196
这里记录一个开始时间为明天的笔记 代码如下： &lt;tr&gt; &lt;td class="td_left"&gt;开始日期：&lt;/td&gt; &lt;td class="td_right"&gt; &lt;input type="text" name="scheduleS
Wdatepicker日期控件的使用指南
swimming_in_IT_的博客
03-10 4788
点击打开链接
wdatePicker使用方法
11-30
wdatePicker使用方法
WdatePicker日期控件
06-06
WdatePicker日期控件
JS时间插件WdatePicker
热门推荐
github_39423829的博客
03-21 1万+
JS时间插件WdatePicker 官网：http://www.my97.net/demo/index.htm 常用链接： 自定义格式 动态变量表 使用WdatePicker需要下载一个My97DatePicker包，并且包中的目录结构不能破坏，也不能改名。 WdatePicker.js 是主要配置文件，在调用的地方使用该文件。 常规功能 支持多种元素：<input><img><div>等，可通过onclick来触发函数。 <!--直接由in
WdatePicker.js的使用方法 帮助文档 使用说明 如何使用
gayayzy的专栏
02-15 2079
日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上   示例2-1 平面显示演示 WdatePicker({eCont: 'div1' ,onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}}) $dp.cal.getDateStr 用法详见内
WdatePicker日期组件的使用方法
AweenLee的博客
01-13 1036
1、添加WdatePicker日期组件包到js目录 2、引入js文件WdatePicker.js 3、实例化WdatePicker组件 生日： <s:textfield id="birthday" name="user.birthday" onfocus="WdatePicker();"
wdatepicker
AEWW922的博客
01-06 2114
1.引入wdatepicker.js2.使用wdatepicker<input id="dd" class="date" type="text" onclick="WdatePicker({dateFmt:'yyyy-MM-dd'})"/><input id="d12" type="text"/> <img onclick="WdatePicker({el:$dp.$('d12')})" src="
WdatePicker日历控件的使用方法详解
首先，要使用WdatePicker控件，开发者需要在项目中引入WdatePicker的JavaScript文件以及相应的CSS文件。这些文件可以通过直接下载WdatePicker的官方资源包或者使用CDN链接来获取。 2. 基本使用方法： 在HTML页面中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值