This is my form i got this code from
http://www.jqueryrain.com/demo/jquery-validation-plugin/
this is working good in google crome but not working in firefox DATE picket not working
this is my site http://daplonline.in/naukriedu/singup.php
but date picket CSS not showing correctly
You are using HTML5 datepicker, which unfortunately not yet implemented on firefox. Take a look at the w3schools site to find out.
So for now you might want to switch to some javascript-based solution such as jQuery datepicker, for instance.
Related
I'm using eonasdan's bootstrap datetimepicker plugin for my website. My website is running in ASP.NET MVC 5, it has jQuery 1.10.2, bootstrap 3.3.6, requirejs and several other plugins. The problem I'm having is that the datetimepicker is not working properly in Safari (iphone, ipad). When I click the textbox the calendar will appear but when I click on a date it will close the calendar and won't select the date or enter it in the textbox. Its as if the area is not clickable by the touch event. I tried running the plugin in a separate application and its running fine, but for some reason it doesn't work in this website. I tried upgrading to jQuery 2 and got the same result. It doesn't throw any error or logs anything either so i have no clue whats going on. Can someone please give me some advice on how to fix this.
Here is a screenshot of the calendar:
Ok I finally figured out what was the issue. The project was referencing fastclick.js and attaching it to the DOM. This was causing erratic behavior in touch events. As soon as I got rid of fastclick everything started working nicely. So be careful when using fastclick.js since it's not very reliable.
I’m having a problem with Pickadate & Pickatime on a site setup using Foundation,
the client has just noticed an issue with the Clear and Close buttons not closing the Pickadate pop-up in IE9,
which is making it impossible for IE9 users to complete the form.
This seems to be an intermittent problem,
it looks like the Clear button will work the first time,
but if you try and do this a few times in the same field you get the same issue.
The Close button was working for me in my tests in IE9 which would be a get out for users,
but sadly the client has come back to me saying that in their tests in IE9 (running on Citrix),
the Close button is not closing the Pickadate either which is making the form unusable again.
Here is the link to my demo:
http://my-allianz-fa-02.designchief.ie/claim-notification.html
The sequence is:
scroll down to "Please select a claim option" dropdown
select Accident/Incident option
In the Accident Details fieldset you will find the "Date of Accident" Pickadate field (Pickatime also used in the field next to this one)
Everything works as expected apart from IE9 where you can select a date ok, but when you re-enter the field and try to Clear the info, the Pickadate flickers (disappears and then reappears) and then cannot be closed.
The site was built using Zurb Foundation 4.3.2, Pickadate 3.5.6 (latest version) and is using jQuery 1.10.2.
This issue is not present in the Pickadate demo - http://amsul.ca/pickadate.js/
which makes me think that something in the Foundation JS, or in the setup is causing the issue?
But, I have not found anything online that relates to this specific issue so I am reaching out in the hope that someone recognises the problem.
If the issue cannot be resolved then maybe you could suggest a solution using a new plugin but the preferred option would be to use the Pickadate solution as it suits the needs of the site better.
Any help much appreciated, thanks.
My fix was to revert to 3.5.4 version, and clear and close button are working as expected. You can download that version from:
https://github.com/amsul/pickadate.js/releases
I've been scouring the internet looking for a solution to my problem. I've developed a web-app that's going to be used by both desktop & touchscreen mobile devices, so jQuery Mobile was my framework of choice.
Unfortunately, it appears that the datepicker (input type="date") doesn't show up in Safari on my Macbook laptop. There are a lot of date fields in the app, so this it's really important that this shows.
From jQuery Mobile's documentation (I'm using the latest v1.4), they claim everything works fine for Safari.
Does anybody have input on this, and possibly a solution? I do anticipate a fair number of Macbook users like me.
Thanks so much, always appreciate your input :)
Cheers - - Andrew
Safari provides date-formatted text fields, but no real calendar widget. You need extra picker for some browsers. Maybe do it for all browsers:
<link rel="stylesheet" href="jquery.ui.datepicker.mobile.css" />
<script src="jQuery.ui.datepicker.js"></script>
<script src="jquery.ui.datepicker.mobile.js"></script>
Prevent showing the native native datepicker:
<script>
//reset type=date inputs to text
$( document ).bind( "mobileinit", function(){
$.mobile.page.prototype.options.degradeInputs.date = true;
});
</script>
I've had no problems using the JQM Date box over at http://dev.jtsage.com/jQM-DateBox/ in my jQuery Mobile projects rather than relying on the inbuilt functionality. Worked fine for me on desktops and on Android and iOS devices. You might want to give that a shot.
I am using the mobiscroll jQuery library for a datetime picker. It works great on Safari for iPad and on Google Chrome. However, on Mozilla Firefox on PCs it seems to "line-break." In other words, after the date control, the time control gets wrapped down to the next line (see image below). I don't want this. I want it to be all on one line like on the other browsers. Any idea how to fix this with CSS or something else? TIA.
Got fixed with new release (2.0.3).
I checked related posts but none of these answered my question. So this is the code i use:
<script type="text/javascript" src="/media/datepicker.js"></script>
Inside the datepicker.js i have the following:
$(function() {
$("#id_picker").datepicker();
});
I also tried to put document.ready() around it, but that didn't help neither. The Datepicker is showing I and can use some key controls but I can't click on a date so it would appear into my textbox where I open the datepicker with an onclick. So I can't select another date, it just doesn't select the date and because of that the dialog stays open until I click out of it.
Any help please? In Firefox, Chrome, Iceaweasl it's working perfectly.
UPDATE****
Apparently this had to do something with IE itself, i tried on many other IE's on different computers where i didn't have this problem. I couldn't trackdown what exactly could be the issue but for me this case can be closed.
Regards,
T
If you run IE on windows server 2003 or 2008, please refer the page Can Windows' enhanced security break jQueryUI's datepicker?
You are probably loading jQuery from the local file system. Try loading from a web location, such as:
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js