How to write a JQuery UI code in JSfiddle.net?

Hi there

I am trying to write a JQuery UI(DatePicker code) in Jsfiddle.net but I don’t see any options for JQuery UI code.

How to do this?

Thanks

Select “jQuery” in the “Frameworks & Extensions” section in the sidebar, then check “jQuery UI” checkbox

I am trying to open a datepicker but its not opening

That’s because you have “jQuery (edge)” selected, what means jQuery 2.x, but UI is currently working only with 1.x
Select “jQuery 1.9.1” and “jQuery UI 1.9.2” and everything will work fine.

Ok that’s working

Now what I was trying to acheive
this is my jsfiddle file http://jsfiddle.net/vngx/ohhuygm3/9/
that I have set to fields from and to and what I want that after selectin value from both ‘from’ and ‘to’ difference between these two dates should be automatically update in
‘set_difference’ box in years let me take example
e.g
From-01/01/2013 to-01/01/2015(differ-2)

From-01/01/2014 to 01/03/2015(differ-1.2).

From 12/03/14 to 02/03/2014( differ-0.11)

From 12/02/14 to 12/02/15(differ-1)

I hope you got my point.These values should also change dynamically when user changes values in the From and To box

You’re lucky today :smile:
here is the solution http://jsfiddle.net/ermuj7wj/2/

That’s COOL

pointing me in right direction.

But there is few points
1)First I want date format DD-MM-YYYY.

2)I want value to be round off only one digit like

from 02/01/15 to 26/02/15 it should print (0.1) that mean only one month is complete not days(I am only count in terms of month not days)

getting?

That will be your homework :smile:

Few tips:

You can change date format in datepicker options.
After that Date.parse() will not work, because it requires ISO date format.
Instead of Date.parse() you can create date object with:

new Date(year, month, day)

You can get year, month and day from textfield value using split()

See this reference for more info on Date objects

Thanks
I will try it my own

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.