- - - - - - - -

+ + +

").datepicker(this.options); + this.element.parent().after(calendar); + } else { + this.element.datepicker( this.options ); + calendar= this.element.datepicker( "widget" ); + } + + this.calendar = calendar; + + this._on({ + "change": function() { + if( this.options.inline ){ + this.calendar.datepicker( "setDate", this.element.val() ); + } + this._delay( "addMobileStyle", 10 ); + }, + "input": function() { + interval = window.setInterval( function(){ + if( !that.calendar.hasClass( "mobile-enhanced" ) ){ + that.addMobileStyle(); + } else { + clearInterval( interval ); + } + }); + } + }); + + this.addMobileStyle(); + }, + setOption:function( key, value ){ + this.calendar.datepicker("option",key,value); + }, + getDate: function(){ + return this.calendar.datepicker("getDate"); + }, + _destroy: function(){ + return this.calendar.datepicker("destroy"); + }, + isDisabled: function(){ + return this.calendar.datepicker("isDisabled"); + }, + refresh: function(){ + return this.calendar.datepicker("refresh"); + }, + setDate: function( date ){ + return this.calendar.datepicker("setDate", date ); + }, + widget:function(){ + return this.element; + }, + addMobileStyle: function(){ + this.calendar.addClass('ui-shadow') + .find('.ui-datepicker-prev, .ui-datepicker-next').addClass('ui-btn ui-btn-icon-notext ui-btn-corner-all ui-shadow').each(function () { + $(this).append($('').append($(this).find('.ui-icon'))); + }).end() + .find('.ui-datepicker-prev .ui-icon').addClass('ui-icon-arrow-l').end() + .find('.ui-datepicker-next .ui-icon').addClass('ui-icon-arrow-r').end() + .find('.ui-datepicker-header').addClass('ui-body-' + this.options.headerTheme + ' ui-corner-top').removeClass('ui-corner-all').end() + .find('.ui-datepicker-calendar th').addClass('ui-bar-' + this.options.theme).end() + .find('.ui-datepicker-calendar td:not(.ui-state-disabled)').addClass('ui-state-selectable ui-body-' + this.options.theme).end() + .find('.ui-datepicker-calendar td.ui-state-disabled').addClass('ui-body-' + this.options.headerTheme).css('opacity', '1').end() + .find('.ui-datepicker-calendar td>a:not(.ui-state-active)').addClass('ui-link').end() + .find('.ui-datepicker-calendar td>a.ui-state-active').addClass('ui-btn-active').end() + .find('.ui-datepicker-calendar td>a.ui-state-highlight').addClass('ui-btn-up-' + this.options.theme); + } + }); + +})( jQuery ); diff --git a/jQueryMobile-1.4/demos/index.html b/jQueryMobile-1.4/demos/index.html new file mode 100644 index 0000000..529dc29 --- /dev/null +++ b/jQueryMobile-1.4/demos/index.html @@ -0,0 +1,39 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/jQueryMobile-1.4/sources/jquery.mobile.datepicker.css b/jQueryMobile-1.4/sources/jquery.mobile.datepicker.css new file mode 100644 index 0000000..74f5dff --- /dev/null +++ b/jQueryMobile-1.4/sources/jquery.mobile.datepicker.css @@ -0,0 +1,19 @@ +div.hasDatepicker { display: block; padding: 0; overflow: visible; margin: 8px 0; max-width: 340px; } +.ui-datepicker { overflow: visible; margin: 0; } +.ui-datepicker .ui-datepicker-header { position: relative; padding: .6em 0; border-bottom: 0; font-weight: bold; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { padding: 1px 0 1px 2px; position: absolute; top: .6em; margin-top: 0; text-indent: -9999px; } + +.ui-datepicker .ui-datepicker-prev { left: 9px; } +.ui-datepicker .ui-datepicker-next { right: 2px; } +.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } +.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } +.ui-datepicker select.ui-datepicker-month-year { width: 100%; } +.ui-datepicker select.ui-datepicker-month, +.ui-datepicker select.ui-datepicker-year { width: 49%; } +.ui-datepicker table { width: 100%; border-collapse: collapse; margin: 0; } +.ui-datepicker td { border-width: 1px; padding:0; text-align: center; min-width: 41px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em 0; font-weight: bold; margin: 0; border-width: 0; text-align: center; text-decoration: none; } + +.ui-datepicker-calendar th { padding-top: .4em; padding-bottom: .4em; } +.ui-datepicker-calendar th span, .ui-datepicker-calendar span.ui-state-default { opacity: .7; } +.ui-datepicker-calendar td a, .ui-datepicker-calendar td span { padding: .6em .5em; } \ No newline at end of file diff --git a/jQueryMobile-1.4/sources/jquery.mobile.datepicker.js b/jQueryMobile-1.4/sources/jquery.mobile.datepicker.js new file mode 100644 index 0000000..9ce7458 --- /dev/null +++ b/jQueryMobile-1.4/sources/jquery.mobile.datepicker.js @@ -0,0 +1,151 @@ +(function( $, undefined ) { + $.widget("mobile.date",{ + options:{ + defaultDate: null, // Used when field is blank: actual date, + // +/-number for offset from today, null for today + appendText: "", // Display text following the input box, e.g. showing the format + buttonText: "...", // Text for trigger button + buttonImage: "", // URL for trigger button image + buttonImageOnly: false, // True if the image appears alone, false if it appears on a button + hideIfNoPrevNext: false, // True to hide next/previous month links + // if not applicable, false to just disable them + navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links + gotoCurrent: false, // True if today link goes back to current selection instead + changeMonth: false, // True if month can be selected directly, false if only prev/next + changeYear: false, // True if year can be selected directly, false if only prev/next + yearRange: "c-10:c+10", // Range of years to display in drop-down, + // either relative to today's year (-nn:+nn), relative to currently displayed year + // (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n) + showOtherMonths: false, // True to show dates in other months, false to leave blank + selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable + showWeek: false, // True to show week of the year, false to not show it + calculateWeek: this.iso8601Week, // How to calculate the week of the year, + // takes a Date and returns the number of the week for it + shortYearCutoff: "+10", // Short year values < this are in the current century, + // > this are in the previous century, + // string value starting with "+" for current year + value + minDate: null, // The earliest selectable date, or null for no limit + maxDate: null, // The latest selectable date, or null for no limit + beforeShowDay: null, // Function that takes a date and returns an array with + // [0] = true if selectable, false if not, [1] = custom CSS class name(s) or "", + // [2] = cell title (optional), e.g. $.datepicker.noWeekends + numberOfMonths: 1, // Number of months to show at a time + showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0) + stepMonths: 1, // Number of months to step back/forward + stepBigMonths: 12, // Number of months to step back/forward for the big links + altField: "", // Selector for an alternate field to store selected dates into + altFormat: "", // The date format to use for the alternate field + constrainInput: true, // The input is constrained by the current date format + showButtonPanel: false, // True to show button panel, false to not show it + autoSize: false, // True to size the input for the date format, false to leave as is + disabled: false, // The initial disabled state + inline: false, // True to set the calendar always visible + theme: 'a', // Default theme + onSelect: null, // Define a callback function when a date is selected + onChangeMonthYear: null, // Define a callback function when the month or year is changed + beforeShow: null // Define a callback function when the calendar is shown + }, + _create:function(){ + var calendar, interval, that = this; + this.options.altField = this.element; + + // Support for [data-theme] + if (this.element.data('theme')) { + this.options.theme = this.element.data('theme'); + } + + // Setting up callbacks + this.options._onSelect = this.options.onSelect; + this.options.onSelect = function (text, object) { + setTimeout(function () { + $(object.settings.altField).date( "addMobileStyle" ); + if (callback = $(object.settings.altField).data("mobileDate").options._onSelect) { + callback(text, object); + } + }, 0); + } + this.options._onChangeMonthYear = this.options.onChangeMonthYear; + this.options.onChangeMonthYear = function (month, year, object) { + setTimeout(function () { + $(object.settings.altField).date( "addMobileStyle" ); + if (callback = $(object.settings.altField).data("mobileDate").options._onChangeMonthYear) { + callback(month, year, object); + } + }, 0); + } + this.options._beforeShow = this.options.beforeShow; + this.options.beforeShow = function (element, inst) { + setTimeout(function () { + $(element).date( "addMobileStyle" ); + if (callback = $(element).data("mobileDate").options._beforeShow) { + callback(element, inst); + } + }, 0); + } + + if( this.options.inline ){ + calendar = $("