datepicker

Is it possible to set a direction for the Kendo DatePicker (Calendar)?

流过昼夜 提交于 2019-12-24 01:43:13
问题 I have a calendar input on the bottom of a form. When the user clicks on it, the calendar pops up bellow the input creating scroll bars. Is there any way I can set the direction that a DatePicker will open? For instance... left, right, above? Here's my code: $("#dpBirthDate").kendoDatePicker(); Thanks 回答1: Yes and no. You can edit the popup origin and position like this: $("#date").kendoDatePicker({ origin: "top left", position: "bottom left", animation: { open: { effects: "slideIn:up" } } })

JQuery UI datepicker localization

怎甘沉沦 提交于 2019-12-24 01:40:38
问题 I'm trying to get a Hebrew Calendar on JQueryUI Datepicker. For some reason, it always stays in English. This is my code: $.datepicker.setDefaults( $.datepicker.regional[ "" ] ); $( ".calendar_date" ).datepicker( $.datepicker.regional[ "he" ] ); Thanks! 回答1: Have you downloaded and included in your page the localized calendar? You can find it and download it from here - check the source of the page, the Hebrew Calendar is this. You should download and include this js in your page. 来源: https:/

angular ui bootstrap datepicker is-open directive not working

独自空忆成欢 提交于 2019-12-24 00:55:51
问题 i'm trying to use angularjs ui bootstrap datepicker on my project but same code i grabbed from example doesn't seems to be working properly when i dig in to code i have realized the problem is with is-open attribute.sample code i tried to run on my project was. <section class="panel panel-default"> <div class="panel-heading"><strong><span class="glyphicon glyphicon-th"></span> Datepicker</strong></div> <div class="panel-body" data-ng-controller="DatepickerDemoCtrl"> <div class="row"> <div

How to edit css for jquery datepicker prev/next buttons?

北城以北 提交于 2019-12-24 00:54:47
问题 Using the JQuery UI datepicker, in the header it gives you the option to go to the next month or previous month with left/right arrows. My question is what is the css property to change the colors when hovering over the previous or next arrows? 回答1: It's a little harder than it seems. As NimChipsky pointed out, it's in ui-state-hover, but the colors aren't there directly. If you look at ui-state-hover, out of the box, you will see something that looks like: background-image: url("images/ui

Change Divider Color Android DatePicker Dialog

瘦欲@ 提交于 2019-12-24 00:52:26
问题 I´m tying to change the divider color of the DatePicker Dialog. I create the style: <style name="dialog_custom" parent="@android:style/Widget.DatePicker"> <item name="android:divider">@drawable/dialog_divider</item> </style> And create the drawable like this And the result is this The divider no change color and the dialog take the content size.. 回答1: You can do this using theme. Check accepted answer on this question. i think it will helpful to you. UPDATES Expand res folder in your

bootstrap-datepicker does not update AngularJS model when picking date

放肆的年华 提交于 2019-12-24 00:38:11
问题 I am using AngularJS with this bootstrap-datepicker plugin: Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker) Copyright 2012 Stefan Petre Improvements by Andrew Rowls I have it bound like this: <input type="text" data-provide="datepicker" ng-model="obj.FirstDate" /> I get the values to inputs using ng-model . When I type the date into this field using keyboard it all works OK, but when I click on a field and select a date from the Datepicker: the model doesn

add name to input generated with md-datepicker from Angular Material

孤者浪人 提交于 2019-12-24 00:34:14
问题 I'm using md-datepicker from Angular Material https://material.angularjs.org/latest/demo/datepicker to generate an input with a datepicker. It works properly, but I've noticed the input doesn't have a name: This is my HTML code: <div ng-app="angApp" ng-controller="ScheduleController" style='padding: 40px;' ng-cloak> <md-content> <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md-datepicker> </md-content> </div> This is my Javascript: var app = angular.module('angApp', [

WPf Datepicker Input modification

喜你入骨 提交于 2019-12-24 00:28:38
问题 I am creating a form using wpf/c#. I am looking to programatically change/interpret the user's typed input in the wpf toolkit DatePicker . For example, the user types "Today", and when the control looses focus the date is interpreted and set to the current date using my c# function. Should I listen to the lostFocus event or is there a better way of changing how a typed input date is parsed? I do not care to change the display format of the date picker. I am developing this application using

Localising the date value in Angular Material datepicker

无人久伴 提交于 2019-12-24 00:14:19
问题 I'm working with Angular Material date picker. My problem is that when I send a date to the Web Api controller, I get a date less than the date I have selected in my form. I think this is due to the fact that the date value is not being localized. What I want to know is that how to localize the date in angular js HTML: <div ng-controller="AppCtrl" style='padding: 40px;' ng-cloak> <md-content> <h4>Standard date-picker</h4> <md-datepicker ng-model="myDate" md-placeholder="Enter date"></md

Bind custom data with date in bootstrap datepicker

三世轮回 提交于 2019-12-23 22:58:07
问题 I have the count of the total user registered on the particular date. Like the image below. How can I display them with the date? I am using multidatespickr Is there any way to do this? UPDATE : pre-selected dates: $('#with-altField').multiDatesPicker({ altField: '#altField', minDate: 0, dateFormat: 'yy-mm-dd', addDates: ['2016-04-17','2016-04-16','2016-04-18'], // for pre-selected dates numberOfMonths: 3 }); 来源: https://stackoverflow.com/questions/36625021/bind-custom-data-with-date-in