vue-hash-calendar，移动端日期时间选择插件

【vue-hash-calendar，移动端日期时间选择插件】的更多相关文章

基于zepto的移动端日期+时间选择插件

前段时间写了两个移动端的日期选择插件:轻量级移动端日期选择器,本来是为特定的场景中使用的,结果有同学反应不够灵活和强大.虽然我的看法是移动端的界面要尽可能简洁,功能要尽可能简单,但是难免还是会有各种各样的场景,有时候确实需要同时选择年.月.日.时.分.秒,日期的格式要能配置,要能显示“上午下午”......诸如此类. 所以,一下狠心,索性写个全的吧,之前写的是mdater和mtimer俩兄弟,再来个合体的mdatetimer,意为可以同时选择日期和时间,当然你要只选择日期也是可以配置的.操作方…

vue-hash-calendar，移动端日期时间选择插件

按照惯例,先上效果图 vue-hash-calendar 基于 vue 2.X 开发的日历组件支持手势滑动操作·1 原生 js 开发,没引入第三方库上下滑动切换周/月模式 [周模式中] 左右滑动可切换上一周/下一周 [月模式中] 左右滑动可切换上一月/下一月安装使用说明 npm i vue-hash-calendar // 在入口文件中(main.js),导入组件库 import vueHashCalendar from 'vue-hash-calendar' // 引入组件CS…

react-hash-calendar，移动端日期时间选择插件

按照惯例,先上效果图 vue 版本同款日历:https://github.com/TangSY/vue-hash-calendar react-hash-calendar 支持手势滑动操作上下滑动切换周/月模式 [周模式中] 左右滑动可切换上一周/下一周 [月模式中] 左右滑动可切换上一月/下一月安装使用说明 npm i react-hash-calendar Demo 或者请用浏览器的手机模式查看:https://www.hxkj.vip/demo/react-calendar/…

纯原生js移动端日期选择插件

最近在项目上需要使用日期选择插件,由于是移动端的项目,对请求资源还是蛮节约的,可是百度上一搜,诶~全是基于jquery.zepto的,本来类库就很大,特别像mobiscroll这种样式文件一大堆又丑又长还收费,我就忍不住自己做了一个,也不过就10几kb的事情嘛,想想独乐乐不如众乐乐,如果伙伴们手上没有轻量级的日期选择插件不如先拿我这个应付一下吧! 项目截图: 项目地址:https://github.com/xfhxbb/LCalendar…

vue3-hash-calendar，一款基于vue3.x开发的移动端日期时间选择组件

在大家的催更下,鸽了一天又一天,vue3-hash-calendar 终于在今天诞生了. 按照惯例,先上效果图 Demo 扫描上方二维码或者请用浏览器的手机模式查看:https://www.hxkj.vip/demo/calendar/ 觉得好用可以给一个 star 哦~~ 仓库地址 github:https://github.com/TangSY/vue3-hash-calendar 码云 gitee:https://gitee.com/HashTang/vue3-hash-calendar…

Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑动、滚动插件

Jquery Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件.以及各种滑动插件可以让用户很方便的只需要滑动数字既可以选择日期.Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式最近开发html5+css3手机APP经常用到的,觉得非常好用,兼容性又好,用户体验又很棒,所以就整理出来分享给大家,还支持设置皮肤.显示方式.日期选择模式.日期格…

[转载]Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑动、滚动插件

Jquery Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件.以及各种滑动插件可以让用户很方便的只需要滑动数字既可以选择日期.Mobiscroll作为一款jQuery日期插件可以让用户自定义主题,完全通过CSS文件修改样式最近开发html5+css3手机APP经常用到的,觉得非常好用,兼容性又好,用户体验又很棒,所以就整理出来分享给大家,还支持设置皮肤.显示方式.日期选择模式.日期格…

Jquery mobiscroll 移动设备(手机)wap日期时间选择插件以及滑

$(function () { var currYear = (new Date()).getFullYear(); var opt={}; //opt.date = {preset : 'date'}; //opt.datetime = {preset : 'date'}; //opt.time = {preset : 'time'}; opt.default = { theme: 'android-ics light', //皮肤样式 display: 'modal', //显示方式 mod…

纯原生js移动端城市选择插件

接着上一篇纯js移动端日期选择插件,话说今天同事又来咨询省市县联动的效果在移动端中如何实现,还是老样子,百度上一搜,诶~又全是基于jquery.zepto的,更加可恨的是大多数都是PC版的,三个select标签!!!这在移动端上的体验太low了,我想以我的脾气肯定是要自己做的,正好之前做了日期选择,那就依葫芦画瓢自己再做一个吧,来来来,先上效果图: 用法在html页面中引入input标签,写法如下: <input id="demo1" type="text"…

基于zepto的移动端日期和时间选择控件

前段时间给大家分享过一个基于jQuery Mobile的移动端日期时间拾取器,大家反应其由于加载过大的插件导致影响调用速度.那么今天我把从网络上搜集到的两个适合移动端应用的日期和时间选择插件分享给大家,它们是基于Zepto的,在移动端更具优越性. 查看演示下载源码日期选择控件mdater 头部调用: <link rel="stylesheet" href="zepto.mdater.css"> <script type="text/j…

C# 自定义控件，日期时间选择输入插件

权声明:本文为博主原创文章,未经博主允许不得转载. // 为textBox1添加一个日期时间选择控件 DateTimeChoser.AddTo(textBox1); DateTimeChoser.Designer.cs using System; using System.ComponentModel; using System.Drawing; using System.Reflection; using System.Windows.Forms; namespace pictureAnaly…

[转]ASP.NET MVC HtmlHelper扩展之Calendar日期时间选择

本文转自:http://blog.bossma.cn/asp_net_mvc/asp-net-mvc-htmlhelper-calendar-datetime-select/ 这里我们扩展HtmlHelper,就像它包含在ASP.NET MVC中一样,扩展方法使我们能为已有的类添加方法.这里使用了一个日期时间选择控件:My97DatePicker,需要添加到网站中,并在页面中引用. 先看看是怎么扩展的: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18…

jquery插件课程1 幻灯片、城市选择、日期时间选择、拖放、方向拖动插件

jquery插件课程1 幻灯片.城市选择.日期时间选择.拖放.方向拖动插件一.总结一句话总结:都是jquery插件,都还比较小,参数(配置参数.数据)一般都是通过json传递. 1.插件配置数据或者参数的时候用的是什么数据结构? json数据结构 23 $('.bxslider').bxSlider({ 24 'speed':500, 25 'auto':true, 26 'pause':2000, 27 'autoHover':true, 28 'mode':'fade' 29 });…

vue 移动端日期选择组件 vue-mobile-calendar

vue-mobile-calendar cnpm install vue-mobile-calendar -S import Vue from 'vue' import Calendar from 'vue-mobile-calendar' Vue.use(Calendar) <calendar v-model="calendarShow" :defaultDate="defaultDate" @change="handelChange"&…

vue使用日期时间插件layDate

项目中需要用到日期时间插件,尝试用bootstrap.element的时间插件都各有各的报错,对于一个菜鸟来说真的是很痛苦啊.终于,最后用了layDate实现了需要的功能最终效果: 使用步骤: 1.下载js包 http://www.layui.com/laydate/ 2.将laydate文件夹放在根目录的static下 3.在index.html中引入 <!DOCTYPE html> <html> <head> <meta charset="utf-…

关于使用jqmobi前端框架在phonegap平台上开发时的日期时间选择控件

jqmobi(appframework)作为Intel的一款html5移动前端框架,以其自身轻量级和容易上手获得了很多移动HTML5开发者的喜爱,相对于jquerymobile,它可以说将jQuerymobile进行了重写,针对移动端做了很好的优化,(jQuerymobile太过于臃肿,实际在真机上效果较差),但是经过使用,发现jqmobi也有一些缺点,比如说bug较多,UI控件较少,插件较少,不能够满足大型应用开发需求.最不可接受的是它竟然没有提供日期和时间选择插件(日期时间选择功能很常用).…

你还在为移动端选择器picker插件而捉急吗？

http://www.cnblogs.com/jingh/p/6381079.html 开题:得益于项目的上线,现在终于有时间来写一点点的东西,虽然很浅显,但是我感觉每经历一次项目,我就学到了很多的东西,现在接着上次的文字轮播将本次项目中学到的其他东西分享出来. 这次分享的是一个基于jquery/zepto的选择器插件 github地址:https://github.com/jinghaoo/mobile-selector 相信对于移动开发有过经验的同学都对UI的不统一而感到头疼,又不能为了一个…

25个有用的jQuery日历和日期选取插件

jQuery被认为是最好的JavaScript库,因为它简单易用.灵活,并有大量的插件.本文介绍25个非常不错的jQuery日历和日期选取插件,希望对各位有用. 1. Simple JQuery Date Picker 2. Jquery Week Calendar 3. FullCalendar 4. jCalendar 5. iCal-like calendar 6. wdCalendar 7. Event Calendar 8. Sexy jQuery Multiday Calendar…

移动设备日期选择插件（基于JQUERY）

上周花了2个小时写的一个日期选择插件,比较适合移动端的设备.先看个效果图吧.如果刚好是你需要的就往下吧,不需要的也可以继续..... 其实网络上已经有的了类似的成熟插件,比如基于mobiscroll,jquery date Entity,第一个已经很成熟了,不过是基于JQM的,可是项目又不能用JQM,退一步想着用第二个吧,找了半天,没找到下载和文档,想想算了,急着用,自己动手吧.. 插件使用,引用CSS和JS.页面代码初始化设置如下: 1 var date1 = new myDateContro…

原生js日期时间插件鼠标点击文本框弹出日期时间表格选择日期时间

原文出处 (这是我从互联网上搜来的,感觉能满足各方面的需求.个人感觉挺不错的,所以后期修改了一下向大家推荐!) 效果图: html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org…

移动端触摸滑动插件Swiper

移动端触摸滑动插件Swiper 04/02/2015 一.了解Swiper 目前移动端项目一般都需要具有触屏焦点图的效果,如果你也需要实现这一功能的话,Swiper是一个不错的选择. 1.他不需要加载任何公共库(如jQuery)即可运行,这保证了Swiper的轻量和运行速度.Swiper也可以在加载了公共库的环境下安全的动行,如jQuery,Zepto,jQuery Moblie等. 2.Swiper默认的触摸比例为1:1,你可以通过修改Swiper的设置来改变这个比例. 3.Swiper 增加…

jQuery日期联动插件

此版本为网上的日期联动插件修改版,加入了修改后事件 /* * jQuery Date Selector Plugin * 日期联动选择插件 * * Demo: $("#calendar").DateSelector({ ctlYearId: <年控件id>, ctlMonthId: <月控件id>, ctlDayId: <日控件id>, defYear: <默认年>, defMonth: <默认月>, defDay: <…

AngularJS进阶(二十二)实现时间选择插件

JS实现时间选择插件引导语在项目开发过程中,需要实现根据以日期为筛选条件之一,故需要实现时间选择插件.对于未接触的新事物,自己总是感觉不明觉厉.其实,有些实现可以使用很简单的方法即可.以此为例,偶然的一次翻看课本发现HTML5中已经设计到此种实现.其中,设置input元素的type属性为datetime-local即可实现. 问题实际编码过程中,还是出现了问题.$scope.bill_dateBegin并不能获取到时间选择框中的设置值. 原因 AngularJS support the i…

【jquery】多日期选择插件easyui date

1.本次介绍一个好用的多日期选择插件:EasyUI date,适用于:需要一次性选择多个日期,无需手动一个一个进行添加. 2.效果图: 3.下载地址:http://www.jeasyui.com/download/index.php 4.汉化:建议在使用页面: <script type="text/javascript" src="你的网站绝对地址/locale/easyui-lang-zh_CN.js"></script> 5.使用Dem…

基于VUE.JS的移动端框架Mint UI

Mint UI GitHub:github.com/ElemeFE/mint 项目主页:mint-ui.github.io/# Demo:elemefe.github.io/mint- 文档:mint-ui.github.io/docs/# 由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库.自 6 月初开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了部分组件,于本周发布了 0.2.0 版本.本文介绍如何从零开始构建一个使用 Mint UI 的 Vu…