I've decided to ditch jQuery and go with Zepto for a mobile application that I am making with PhoneGap.
The problem is that most of the date pickers available rely on jQuery (Including the one I was using before). http://xdsoft.net/jqplugins/datetimepicker/
Does anybody know any good date pickers that work with zepto. The only requirement is that it looks OK.
I have successfully implemented http://trentrichardson.com/ but the UI is awful and I haven't found any documentation on how to change it from using dropdowns to a standard calendar view.
I have also used the following date picker but it seems limited in that it completely takes over the input you're using and I'm not sure how to get the input to display the date once it's been selected. https://gist.github.com/pamelafox/1765620
Any suggestions are appreciated! Thanks.
This one appears to be working with zepto only :)
(or at least the demo includes zepto only ;) ... (with the DateFormat library, but it's optional))
http://blog.pamelafox.org/2012/02/datepicker-for-twitter-bootstrap.html
Related
I'm working on an Angular 7 application with Project Clarity v1.0 as a design system.
I did many forms but facing some issue regarding Datepicker custom format.
I went through the documentation but there is no example or text about how to use custom date format, dis-allowed past/previous dates...etc something like ngx-bootstrap. They are mention each and everything about how much you can play around with date picker element.
Project Clarity Example
<form clrForm clrLayout="vertical">
<input type="date" [(clrDate)]="date" newFormLayout="true">
</form>
I tried, angular way to setup custom date format as described into Stack Answer, but nothing like works. Can anyone have an idea about this?
The Clarity Date Picker may not have all of the features of another date picker, and there are some enhancements in our backlog currently. If there is a specific issue that is missing, please search https://github.com/vmware/clarity/issues for existing issues or you may create a new one.
Also in this case, you shouldn't need to use newFormLayout="true" on the control since you are already using the clrForm directive on your form.
Custom date format: We use the locale from Angular to determine the format. This is not currently overridable beyond that.
Disallow date ranges: This is not currently supported, but issue is https://github.com/vmware/clarity/issues/3009.
I am using the regular input date-picker. But after selecting a date, there is no convenient way to confirm the selection. Something like a DONE button that will elegant than clicking anywhere outside to "select". Like the 'clear" button, which is there on the frame. Any suggestions where to get a good date-time picker?
I understand there is no easy Calendar-Date pickup available in MAF unless one installs the Cordova-PhoneGap-Calendar for iOS!
BTW, I found a good date-Picker in Oracle-Wiki (Link Below). In fact, I want something imilar,but either the given code is not the right one or I am missing something.
I have no idea, how to use the Oracle WiKi. Any help on a good Date-Time picker is appreciated.
https://wikis.oracle.com/display/ADFMobileDesign/Component+-+Input+Date
Is there some kind of tool (ideally for Chrome) in which I can fill out a long form that I am designing/testing many times?
I should be able to:
Fill out everything once and save it
Fill in the saved form with one button click
Fill out the form differently and save it as a different "profile"
I'm testing some things manually during development so I don't want a fully automated solution for this (I am using Symfony2.1 so I can write functional tests also). I just need a way to quickly fill out the form so I can save myself some time but I haven't been able to find a good Chrome extension or anything to do it. I remember Firebug in Firefox having something like this I think (I never used it though) so I imagine something exists.
The built in saved forms don't seem to be as useful for this task but maybe I'm missing something.
You can check out iMacros for Chrome:
https://chrome.google.com/webstore/detail/imacros-for-chrome/cplklnmnlbnpmjogncfgfijoopmnlemp
Call it a rudimentary answer, but I believe the button shortcuts in Chrome accept Javascript. I've done this with FireFox by doing something like:
javascript:document.formname.fieldname.value='value';document.formname.fieldname2.value='value';document.formname.fieldname3.value='value';return false;
There are some plugins. I used the below one, and it can satisfy your requirement.
This extension allows you to fill all form inputs with dummy data.
https://chrome.google.com/webstore/detail/form-filler/bnjjngeaknajbdcgpfkgnonkmififhfo
Here this one is for storing the form data and reusing it later. plugin populates with the data saved later when you want to fill it again.
https://chrome.google.com/webstore/detail/simple-form-filler/hbgbedpagfcecmjmlfpndghfclhnmmll/details
Hope this helps
This isn't an extension, but I've always found the easiest way to test a form is with a little jQuery.
I put a link under the submit button:
fillform
Then I fill the form with jQuery.
$('#fill_form').click(function(event) {
$("#name").val("Phoney Phoneyman");
$("#phone").val("555 867-5309");
$("#email").val("phoney#baloney.com");
$("#password").val("123456");
$("#password_conf").val("123456");
});
It takes about as long to do this as it does filling out the form initially and saves a ton of time. A tiny bit more work and you could generate random values - or values from a list.
Just remember to delete it all when you're done.
Google's form filler is just always incorrect enough to create work rather than save time.
Best form fill up extension ever is JunkFill.
I love it.
There is now a Selenium extension for Chrome. Selenium is one of the most popular webdrivers, I've used this as well, and even though there are a few oddballs in there, it works well generally:
https://chrome.google.com/webstore/detail/selenium-ide/mooikfkahbdckldjjndioackbalphokd?hl=en
I have made a chrome extension which exactly matches your needs, it may be worth a try - SimpleFill.
It's really simple and is available for Chrome, Opera, and Firefox.
Another useful chrome extension Formbot. When set to randomly fill the inputs, it will fill them with valid data.
You can check the Bug Magnet Chrome extension.
In my Plone 4.2 site the DatePicker (e.g. when adding a new "event") displays as YEAR MONTH DAY
However, I do have a German Website, where it should be the other way around. That is:
DAY MONTH YEAR. How can I change this?
PS German is already selected as default language from Plone's language control panel.
PPS I don't know if this is related in any way, but since this might be a localisation issue, I'd rather tell: I use raptus.multilanguageplone
edit: added correct image link | say, that this happens when adding/editing a new event
I can't see the image you added because the URL is expired. so I'm going to assume you mean for the add/edit form of an Archetype (In Plone 4.2 the default types are all Archetypes).
There seems to be no easy fix such as a site-wide setting in the control panel, but you can change the ordering in the calendar_macros.pt template. This however means you'll have to change the raw HTML.
To do this, you'll have to go to the Zope Management Interface (reached via the Site Setup page "Plone/##overview-controlpanel").
Then click on the "portal_skins tool" and then "plone_templates". Then click on "calendar_macros" and then click the "Customize" button.
Now you can change the ordering in the raw HTML/TAL.
I created some phone number fields in a Wicket form. Without tab-auto, they work fine. When tab-auto is added to the HTML, it takes a few seconds for new values being entered to be displayed.
The best way to get this kind of things solved is to create a "QuickStart" that demonstrates your issue and post it on Wicket's issue management system.