微信页面使用的日期插件
1、引入
<link href="jp/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
<script src="jp/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
2、页面
<input type="text" style="border:none; border-bottom:1px solid #758e9b;" value=""
readonly="readonly" placeholder="请选择外出时间" datarole="datebox" id="startTime"
name="startTime" οnclick="getDate('startTime')"/>
3、方法
$(function(){
getDate("startTime");
});
//function getDate(){
//获取日期 时分
//$("#startTime").mobiscroll().datetime({
// theme: "mobiscroll",
//lang: "zh",
// dateFormat: "yyyy-mm-dd",
//stepMinute: 5
//});
//}
function getDate(t){
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
lang:'zh',
dateFormat: 'yyyy-mm-dd', // 日期格式
dateOrder: 'yymmdd', //面板中日期排列格
startYear:currYear - 10, //开始年份
endYear:currYear + 10 //结束年份
};
var optDateTime = $.extend(opt['datetime'], opt['default']);
var optTime = $.extend(opt['time'], opt['default']);
$("#"+t).mobiscroll(optDateTime).datetime(optDateTime);
};
微信页面使用的日期插件相关推荐
- jquery-ui里日期插件的使用
HTML为 <input type="text" id="starttime" readonly /><input type="te ...
- 适合手机页面微信页面pc页面用的幻灯片
适合手机页面.微信网页的幻灯图插件 首先是css文件 style.css @charset "utf-8"; *{margin:0;padding:0;list-style:non ...
- 历史 微信开发者工具_不用微信开发者工具也能调试微信页面
一般调试微信页面的时候,我们都会按照微信开发的官网教程,让你去安装微信开发者工具,然后在微信开发者工具上调试, 这样有时候会不会感觉很麻烦? 而且这个工具还经常卡死. 1515737321133.jp ...
- 微信小程序组件和插件
微信小程序的组件和插件 一.基础组件 1.主要的基础组件 2.基础组件的使用 (1)基本用法 (2)其他用法 二.自定义组件 自定义组件的使用 (1)创建组件 (2)配置组件 (3)使用自定义组件 三 ...
- 微信小程序之日期时间筛选器实现(支持年月日时分)
开发微信小程序过程中,有个需求需要用到日期时间筛选器,查看微信官方文档后,发现官方文档的picker筛选器只能单独支持日期或者是时间,所以为了实现需求自己参考企业微信封装了个日期时间筛选器组件. 写在 ...
- jQuery日期插件
1.下载jQuery日期插件,见附件. 2.导入相应的js文件和jquery源码.例如 <link rel="stylesheet" type="text/css& ...
- jsp之bootstrap-datetimepicker日期插件
bootstrap-datetimepicker日期插件 一.引入文件 这里是我目录下的 ,因为是bootstrap前端框架的插件,所以jQuery.bootstrap和插件都需要引入对应文件 < ...
- My97DatePicker-WdatePicker日历日期插件详细示例
插件下载地址: https://download.csdn.net/download/lianzhang861/10433412 此日期插件功能还可以,用着挺顺手 目前的版本是:4.8 正式版 My9 ...
- My97日期插件实现日期多选
-##一.story 项目中一个查询页面的日期输入框需要实现多选,日期插件用的是My97,由于原始的My97不支持日期多选,只能选用其他日期插件或对My97进行改造,下面介绍下用js修改My97的属性 ...
最新文章
- 开发出高性能的网站系列文章
- python能做软件开发吗-学习Python软件开发能做什么?
- 笔记-高项案例题-2015年上-计算题
- 编写自己的Shell解释器-3[转]
- 求字符串的最长回文字串 O(n)
- XGBoost深度理解
- SaaS架构设计之共享设备
- oracle between 和大于小于性能_2.oracle伪例+序列
- 存储服务器 自建,搭建及了解存储服务器
- iOS开发中Touch ID的使用
- pands 画图 调整大小_图片处理小技巧(调整大小、批量命名),超级实用
- 使用H5中的表单标签制作一个简单的网页登陆页面
- 信息时代,书香更宜人
- 为什么使用 XML?
- 组装网游服务器,网游服务器的搭建
- 使用空密码的本地帐户只允许进行控制台登陆_在群晖中运行Windows是什么样体验?教你VMM虚拟机简单使用...
- websocket 并发_1230万个并发WebSocket
- 【蓝桥杯方法篇】贪心算法详解一
- redis命令配置别名步骤
- SPN/MTN标准及其进展是什么情况?