Posted By admin
Simple Datepicker with moment.js
Demo

why i can not see any Left and Right Arrow keys either on Chrome or Safari?,Because the iframe containing the snippet is has the “http” protocol and the cdnjs library has the “https” protocol. Chrome and Firefox block cross “Mixed Content”,how to add select date option? please help!,What do you mean by “select date option”?,Could someone guide on how this should be implemented? I am using Pingedo and the date picker doesn’t seem to show once I reference the Javascript, add the CSS and insert the code into the HTML.,are you getting any errors in the browser console?,Hey! This is a really slick snippet. I’m probably late to the party and at the risk of sounding like a total noob, how could I grab the resulting m/d/y output of this interface as INPUT for a form?,The data-date attribute is updated when the date is changed so you would just need to do $(“#yourDatePicker”).data(“date”) to get the current date.,Anyway you can have this support not allowing selection of a start date that is older than Today or a certain date, same applies as end date?,The best way to do this would be to combine it with a datepicker plugin such as: http://eternicode.github.io… It shouldn’t be to hard all you would really have to do is take out my checking in the js and than give the input an id and select it using the datepicker plugin of your choice. If you need assistance accomplish this you can email me at rmcintosh (at) remabledesigns (dot) com,If you could help me out with this, you would be really awesome, as I’m really bad at JS. I do suggest to update your snippet to support this, it would be legendary. My e-mail address is yazeed (dot) aloyoun (at) gmail (dot) com :),Ill update this snippet over the next few days to include this. I’ll email you at the address listed above once it has been updated.,Thank you mate, will be waiting, appreciated. Most appreciated. :),I am so sorry for the delay. I am working on this. I am also trying to get my website complete and up and running. I took on 3 new projects and am going on vacation in 2 weeks. My plate just got filled quickly. I just wanted to let you know, this is still in my task list and I will be getting to it as soon as I can. Thank you for your patience.,Thanks alot, appreciate your efforts, and will be waiting for it. :),The left button doesnt work on any of the examples (except on By Day), why is that ?,When I updated the CSS to keep the right button in a more static position, I had to move the buttons in the html to be right next to one another…. I forgot to make this change to the rest of them. They all work now. Thanks for pointing this out.,Wow, thanks. That’s interesting, why that would be different for jquery ? it’s only a comestic change cause the ‘<‘ was still drawn.,It is because the arrow icons were changed to have absolute position rather than a relative. This means that base div with the date information was overlaying the left arrow icon, because in the HTML the arrow icon came first. So you have to move the arrow down further in the html so when the browser renders it, it renders it onto of the div that has the date information rather than under it. Hope that makes sense.,it makes perfect sense, +1 for the great explanation :),thanks mate, great code.,beautiful design and great concept. Any chance of adding hours/minutes as an extra option?,I’ll See what I can do.,The first thing that jumped out at me with this snippet is that the previous/next arrows jump around when you move backward/forward through time, meaning you have to keep moving your mouse left or right to get the click target back. The arrows should stay still while clicking.,Ask and it will be given to you. I have updated the code so the arrows are now absolutely positions and should now stay within the same position. Thank you for the feedback, and let me know if you have any other request. Sorry for the delay as well. I forgot to “Favorite” this Disqus so I was not getting updated on comments.,I love the look of these date pickers however they would be very slow to pick dates that are a long way away from whatever the placeholder is. Do you think it would be possible to modify them to allow the manual input of a day/month/year when clicking on each section, in a way the maintained the look and feel of the originals.,Actually, yes, the one in my project actually allows you to change if you moving by days, weeks or months and even has an option to enter the day and is still minimal like this. I didn’t include all of that to keep the code short, but maybe I will. give me 24 hours?,Thank you!,The demo has been updated, the alert for if the date is invalid doesn’t seem to be working within an iframe though. Sorry.,That’s perfect. I think this is one of the most elegant looking snippets on the site. Thanks again.,Thank you!,Updated the code to include an input to select a date. The alert if a date isn’t the greatest because I am using my Bootstrap Growl Plugin (http://bootstrap-growl.rema… for this in my project. For this demo I just used an alert, but it seems that alerts don’t work within iframe here. So basically if the input doesn’t disappear it is because it is an invalid date.,The author is mouse0270

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

Related Snippets

Leave a comment

Your email address will not be published. Required fields are marked *