datepicker

Jquery DatePicker color Sunday red

十年热恋 提交于 2019-12-23 10:24:15
问题 Is there a way to change the color to, say red, the Sundays in a Jquery Datepicker? 回答1: For Sundays and Saturdays you can consider using fact that jquery datepicker adds class .ui-datepicker-week-end so you can add .ui-datepicker-week-end{color:#f00;} to you css file. If you want to handle only Sundays you must relay on fact that this will be either first or last column in a table generated by jquery datepicker (it is locale-dependent). General advice: use firefox+firebug(or sth similiar) to

How to change background color of datepicker in android

偶尔善良 提交于 2019-12-23 09:49:00
问题 I need to change the background white color of calendarDatePicker in android. I have tried so many links in SO. but nothing worked for me. So please share with me if you have any ideas. I know this is a duplicate question. but my requirement is completely different. that's why I post question here. need to change the light grey color to what color i want this is my calendar activity public void calenderPicker() { Calendar date = Calendar.getInstance(); CalendarDatePickerDialog

jQuery Datepicker with multiple options

我的梦境 提交于 2019-12-23 09:07:10
问题 I am trying to get datepicker to display the day names I am sending but it still uses default values. Is there something that should be turned off? Should I set values with single option statements? I don't get any errors in Firebug. Here's my code: $('#<%= txtDate.ClientID %>').datepicker({ dateFormat: 'dd/mm/yy', changeMonth: true, changeYear: true, yearRange: "-50:+10", clickInput: true, dayNames: <%= DayNames %> , dayNamesMin: <%= DayNamesMin %> , monthNames: <%= MonthNames %> ,

How to use bootstrap datepicker inside ng-grid

青春壹個敷衍的年華 提交于 2019-12-23 08:58:38
问题 I'm trying to use bootstrap datepicker (via angulart ui bootstrap) inside an ng-grid. I'm setting the grid with: $scope.gridSettings = { data: "myData", enableCellSelection: true, enableRowSelection: false, enableCellEditOnFocus: true, columnDefs: [ { field: "StartDate", displayName: "Date", editableCellTemplate: '<input type="text" datepicker-popup="dd/MM/yyyy" ng-model="COL_FIELD" />' } ] }; And it works, when I click a cell it changes into a datepicker - but - the calendar popup is clipped

Bootstrap datepicker in modal not working

假装没事ソ 提交于 2019-12-23 07:45:39
问题 I've tried to google and search SO for a similar question, but haven't found anything as of yet. I have an issue where I create and open a modal from jquery and try to access a date picker, however it doesn't activate the datepickers JS. $("[id=add]").click(function () { $("#myModal .modal-header h4").html("Request for Change"); $("#myModal .modal-body").html('<form class="form-horizontal" role="form"><br /><br /><label class="col-sm-2 control-label">Date Required</label><div class="col-sm-3"

How check if jQuery datepicker is empty?

独自空忆成欢 提交于 2019-12-23 07:38:42
问题 I have a date picker empty, but I do not know how to check if is empty (not validated or not) 回答1: You can check the value of the input using .val(), like this: if($("#fieldID").val() == "") { alert("no date selected"); } Or for inline datepickers and such as well, use getDate which returns null if there's nothing selected: if($("#fieldID").datepicker("getDate") === null) { alert("no date selected"); } 回答2: I used something like this and it worked for me. if($("#fieldID").val() == undefined)

setMaxDate() not working perfectly on Lollipop 5.0.1 android and need proper solution

邮差的信 提交于 2019-12-23 07:36:02
问题 Even after applying setMaxDate() to datepicker, I am still able to select the disabled dates on lollipop 5.0.1. The code is working fine for all other versions of android except for lollipop 5.0.1. Here after restricting the dates by setting setMaxDate() , no user should be able to select disabled dates. How can I achieve this programmatically for DatePicker ? I have tried the below code:- datePickerDialog = new DatePickerDialog(myContext, new DatePickerDialog.OnDateSetListener() { @Override

setMaxDate() not working perfectly on Lollipop 5.0.1 android and need proper solution

China☆狼群 提交于 2019-12-23 07:34:10
问题 Even after applying setMaxDate() to datepicker, I am still able to select the disabled dates on lollipop 5.0.1. The code is working fine for all other versions of android except for lollipop 5.0.1. Here after restricting the dates by setting setMaxDate() , no user should be able to select disabled dates. How can I achieve this programmatically for DatePicker ? I have tried the below code:- datePickerDialog = new DatePickerDialog(myContext, new DatePickerDialog.OnDateSetListener() { @Override

Javascript added HTML value is removed when datepicker is selected

帅比萌擦擦* 提交于 2019-12-23 07:26:39
问题 I have a Bootstrap modal where you can select a date. In the background, hidden fields are populated that are also submitted with the form. The issue is that when you select the datepicker element, it removes the hidden value for some strange reason (but only the hidden values populated by the Javascript). Datepicker JS: var date = new Date(); date.setDate(date.getDate()); $('#datepicker').datepicker({ format: "dd/mm/yyyy", startDate: date, autoclose: true, }); Hidden field Populating JS: $

jQuery DatePicker Too Large

三世轮回 提交于 2019-12-23 06:53:19
问题 I've implemented the jQuery datepicker. It seems to be working fine but the calendar is too large. jQuery Datepicker http://www.softcircuits.com/Client/datepicker.png The site I'm working on has many layers of stylesheets and parent pages and controls. And I don't seem to be able to isolate what is making it large. (Sorry, the site isn't public.) It appears the calendar is based on a font size. I tried wrapping my textbox in a div with a smaller font but it seems to ignore that. Is there any