datetimepicker

支付宝小程序日期选择组件datePicker封装

匿名 (未验证) 提交于 2019-12-02 21:53:52
github 地址 https://github.com/iocool/antminDatePicker 最近在做支付宝小程序(以下简称小程序)开发,发现小程序的日期选择组件很不好用,比如安卓和IOS设备上,样式明显不同,因为小程序调用该组件是调用系统原生组件,所以会有一定的差异,另外,小程序提供的日期组件并不满足我当前的业务需求: 该日期为快递上门时间. 用户只可选择的日期范围,当日往后 2 天(即 今天 , 明天 )的日期,并且时间选择为早上 9 点至下午 18 点间的 10 个小时整点时间. 由于是快递上门,所以可选择的时间点为当前时间点 2 小时后(比如,现在时间是11点,用户可选择的最早时间为13点). 如果当前时间晚于下午 18 点,则用户应该可以看到 明天 及 后天 2 天的时间点. 针对以上需求,借助小程序的 picker-view 组件,进行了二次封装. . ├―― README.md ├―― app.acss ├―― app.js ├―― app.json ├―― components // 组件目录 │ └―― dateTimePicker // 日期组件目录 │ ├―― datePickerBase.js // 基础 js 文件,需在使用文件中引入 │ ├―― dateTimePicker.acss // 组件默认样式,除非特殊需要,一般不用修改 │ ├――

Locale DateTime in ABP

 ̄綄美尐妖づ 提交于 2019-12-02 21:07:22
问题 I have a DateTime field in popup modal as below that is supposed to only show the time part: HTML: <div class='input-group date'> <input class="form-control" type="datetime" #RequiredByDate name="RequiredByDate" [value]="formatDate(hitchRequest.requiredByDate, 'LT')" required> <span class="input-group-addon"> <span class="fa fa-clock-o"></span> </span> </div> TS: formatDate(date: any, format: string): string { if (!date) { return ''; } return moment(date).format(format); } onShown(): void { $

DateTimePicker time picker in 24 hour but displaying in 12hr?

陌路散爱 提交于 2019-12-02 20:18:56
I'm using the bootstrap ready date time picker from http://eonasdan.github.io/bootstrap-datetimepicker/ and it's working nicely but for one issue. I have a picker setup just from time as so: $(function () { $('#startTime, #endTime').datetimepicker({ format: 'hh:mm', pickDate: false, pickSeconds: false, pick12HourFormat: false }); }); This sets the picker to 24 hour so I can select 19:00 as a time. But when I choose this time it displays as 07:00 in the input box. Here is the setup displaying the picker: <div class="input-group date timePicker" id="endTime"> <input type='text' class="form

jQuery 插件

戏子无情 提交于 2019-12-02 16:54:06
jQuery 插件 1 jQuery 插件的网站 http://plugins.jquery.com/ 官网 http://www.jq22.com/ jQuery插件库 http://www.htmleaf.com/ jQuery 之家 http://www.jq-school.co m jQuery-school 2 经典jQuery插件 2.1 ### select2 下拉框搜索插件 官网 https://select2.org/ github https://github.com/select2/select2 用法 $(dom).select2() $(dom).select({ width:, data:, ajax:, .... }) 2.2 datetimepicker 时间日期插件 github https://github.com/xdan/datetimepicker 文档 https://xdsoft.net/jqplugins/datetimepicker/ 用法 //设置语言 $.datetimepicker.setLocale('zh'); //调用插件 $(dom).datetimepicker({ datepicker:, timepicker:, format:"Y-m-d H:i", value:, .... }) 2.3 fullpage

DateTimePicker + WPF + binding + accept dd/MM/yyyy via userinput

大兔子大兔子 提交于 2019-12-02 16:04:11
问题 Simplified Question: I have a datepicker in WPF. I enter a value 30/10/1983 in the textbox of the datepicker. I need the value to be posted back to my viewmodel, where in I have bound it to a DateTime? property. Is there any way I can achieve this. mm/dd/yyyy format triggers a postback but not dd/mm/yyyy. The DatePicker code is as below. <DatePicker Grid.Row="2" Name="inputDate" Text="{Binding BirthDate,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" > </DatePicker> The view model property

bug in primefaces calendar timepicker?

試著忘記壹切 提交于 2019-12-02 14:56:04
问题 I have this calendar with time picker on my page: <p:calendar value="#{addTaskBacking.currentTask.deadline}" mode="inline" pattern="dd-MM-yyyy HH:mm" mindate="01-09-2013 00:00"/> When I set the pattern: dd-MM-yyyy without the time everything is added correctly, but when I change to: dd-MM-yyyy HH:mm I get this error: j_idt10:j_idt12: '9-04-2014' could not be understood as a date and time. This is when I set the inline mode, when I set the popup is all ok. I have primefaces_v4.jar. I check

Show a custom calendar dropdown with a derived DateTimePicker class

感情迁移 提交于 2019-12-02 13:40:14
问题 My goal is to create a custom DateTimePicker class in .NET 2.0, which shows a custom calendar dropdown instead of the Windows default calendar popup. By observing Windows messages (see attached code), I am able to find and hide/close the calendar window after creation. However, a problem remains: After the calendar window is closed, something is still blocking the mouse input. For example, if you try to maximise the owner form of the customised DateTimePicker control after the calendar

how to implement [owlDateTime] in angular4/angular2+

巧了我就是萌 提交于 2019-12-02 11:58:37
问题 I am trying to implement owlDateTime in my angular2+ (or rather angular4) code. I have taken its reference from - https://danielykpan.github.io/date-time-picker/ [And i even tried --> https://github.com/DanielYKPan/date-time-picker ..but got version mismatch error] I want to use -->Picker with rangeFrom and rangeTo selection Please help me resolve the error and implement it in my code. Error ERROR in multi ./src/scss/style.scss ./src/~ng-pick- datetime/assets/style/picker.min.css Module not

MVC4 Eonasdan Bootstrap 3 Date Time picker doesn´t open the picker screen

跟風遠走 提交于 2019-12-02 10:30:06
问题 I´m using a Bootstrap 3 date AND time picker linked here: DateTime Picker for Bootstrap 3 I can´t make the picking window open. When you click on the textbox, nothing happens and no messages are shown on browser Console (Chrome). So, in truth, the control is working as a simple textbox, not as a DateTime picker. Here is my code: _Layout file included in all views: <!DOCTYPE html> <html lang="pt"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta charset="utf-8

DateTimePicker + WPF + binding + accept dd/MM/yyyy via userinput

ⅰ亾dé卋堺 提交于 2019-12-02 10:27:43
Simplified Question: I have a datepicker in WPF. I enter a value 30/10/1983 in the textbox of the datepicker. I need the value to be posted back to my viewmodel, where in I have bound it to a DateTime? property. Is there any way I can achieve this. mm/dd/yyyy format triggers a postback but not dd/mm/yyyy. The DatePicker code is as below. <DatePicker Grid.Row="2" Name="inputDate" Text="{Binding BirthDate,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" > </DatePicker> The view model property is as below. private DateTime? birthDate; public DateTime? BirthDate { get { return this.birthDate; }