小程序（微信）最常使用的日期格式

首先要引入mobiscroll.css和mobiscroll.js如下：

// 适配手机大小，防止手动防缩
<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
// 引入css
<link rel="stylesheet" type="text/css" href="static/plugins/weui-master/weui.css">
<link rel="stylesheet" type="text/css" href="static/plugins/weui-master/weui2.css">
<link rel="stylesheet" type="text/css" href="static/2.1/plugins/date/mobiscroll.css">
<link rel="stylesheet" type="text/css" href="static/2.1/plugins/date/mobiscroll_date.css">

js进行格式化

//控制宽度，防止太宽，年月日 - 时分占据两行
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%String path = request.getContextPath();String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" /><base href="<%=basePath%>"><title>家长申请访校</title><style type="text/css">.dww{min-width: 50px !important;}</style>
<body>//时间插件<div class="layui-inline"><input type="text" class="layui-input" id="test1"></div>
</body>
<script>$(function() {// 日历组件$('#test1').mobiscroll().datetime({theme: 'android-ics light', //皮肤样式display: 'bottom', //显示方式mode: 'scroller', //操作方式lang: 'zh',dateFormat : 'yy-mm-dd',});
});
</script>
</html>

日期插件mobiscroll_date使用相关推荐

WdatePicker，js日期插件，时间相加
//WdatePicker,js日期插件 //点击一个日期选择框后,得到日期,然后另一个日期选择框的日期自动加上一天 function pickedFunc(){ $ ...
分享一款jquery的日期插件
一.前言关于日期插件,大家平时用的都不少,但大多数都是ui框架自带的,或者说样式不太好看的插件.博主最近发现了一个很不错的日期插件,能满足绝大多数需求,看着也顺眼,这边分享一下. 二.日期插件 1. ...
jquery-ui里日期插件的使用
HTML为 <input type="text" id="starttime" readonly /><input type="te ...
[js插件]JqueryUI日期插件
引言之前使用jqueryUi中的弹出框做了一个可拖拽的弹出登录框,也顺便将里面的常用的日期插件和文本框智能提示插件,也学习了一下. 使用方法首先在项目中引入以下文件: 1 <!-- 日期插件 ...
日期插件rolldate.js的使用
日期插件rolldate.js的使用下载地址:http://www.jq22.com/jquery-info19834 效果: 代码: <!DOCTYPE html> <html ...
【js】日期插件 my97日期控件
http://my97.net/dp/demo/index.htm 功能不错的日期插件转载于:https://www.cnblogs.com/merlini/archive/2013/06/09/3 ...
WdatePicker日期插件
WdatePicker日期插件 WdatePicker日期插件应用步骤如下: 1.引入jQuery核心包和WdatePicker.js文件 2.使用onfocus事件触发WdatePicker函数 3 ...
日期插件My97DatePicker
因为项目中需要选中日期,所以就找到了My97DatePicker这个插件,用法非常的简单,但是因为各个公司的要求不同,我们公司使用js拼代码,然后渲染到页面上的,所以遇到了一点问题- 1.My97Da ...
解决：My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题
解决:My97DatePicker 日期插件引用在PHP文件中maxDate和minDate控制失效问题参考文章: (1)解决:My97DatePicker 日期插件引用在PHP文件中maxDate ...

日期插件mobiscroll_date使用

前端日期插件

小程序（微信）最常使用的日期格式

js进行格式化

日期插件mobiscroll_date使用相关推荐

最新文章

热门文章