روزهای در انتظار تائید و رزرو شده برای تقویم شمسی datepicker فارسی

[sanay_esh]

سلام و عرض ادب

با توجه به اینکه جناب هاشمی نژاد یک پلاگین تقویم فارسی (http://hasheminezhad.com/datepicker) ارائه داده بودند خوب استفاده از این در پروژه بسیار ساده و روان است
حال بنده میخوام از این پلاگین به عنوان یک تقویمی که روزهایی از آن را در حالت
1- منتظر تائید
2- رزرو شده
3 - آزاد باشد استفاده کنم
توضیح : یعنی سیستمی دارم که کاربران میتوانند در تاریخ های مورد نظر خودشان مثلا درخواست مصاحبه تعیین کنند در این حالت سیستم این روز انتخاب شده را به حالت منتظر تائید (زرد رنگ ) در بیاورد و اگر اپراتوری از سیستم این را با توجه به تماس با کاربر به حالت رزرو شده تغییر دهد ( قرمز رنگ) و در غیر اینصورت از حالت منتظر تائید خارج کند و روز بصورت آزادانه میتواند دوباره انتخاب شود..و......

کاربرد : در مواردی مثل مصاحبه با درخواست کنندگان ملاقات و یا رزرو سالن عروس و ... میتواند باشد.

[dorparasti]

برای این کار شما باید به طریقی اون تاریخ ها رو که احتمالا در دیتابیس ذخیره شده در قالب دو آرایه به سمت کلاینت بیارید .
در صورتی که بتونید این کارو انجام بدید . بقیه اش رو می تونید از این اسکریپت که من نوشتن استفاده کنید . این اسکریپت البته کامل نیست و با یک بررسی سریع از روی اون پلاگین ساخته شده و ممکنه ایراد داشته باشه . و فقط هم برای حالت اینلاین کار می کنه . البته میشه برای حالات دیگه هم اونرو اصلاح کرد .

فایلهایی که اضافه شدن اینها هستند :
1- یک فایل به پوشه scripts به نام Reservation.js که کد مربوط به پیدا کردن و هایلایت کردن تاریخ های رزرو شده و در انتظار رو انجام میده . این فایل شامل یک تابع هست به نام AddReservedLayer که باید id مربوط به تقویم تون رو به عنوان پارامتر بهش ارسال کنید .


AddReservedLayer("datepicker7");


2- و توی خود فایل index.html هم که اول یک رفرنس به فایل اسکریپت می دید و بعد از کد مربوط به ساخت تقویم دو خط کد اضافه شده که برای اجرای اون اسکریپت هستند .


<script type="text/javascript" src="scripts/addin.js"></script>




//-----------------------------------
// نمایش inline
$('#datepicker7').datepicker();

$("#datepicker7 div.ui-datepicker-inline").click(function () {
AddReservedLayer("datepicker7");

});


AddReservedLayer("datepicker7");
//-----------------------------------




3- برای حالات رزرو و در انتظار دو تا کلاس css اضافه شده به نام های reserved و waiting که توی همون فایل index.html هستند .


.reserved
{
background-color:red!important;
}
.waiting
{
background-color:yellow!important;
}



4- اسکرپیتی که نوشته شده برای پیدا کردن تاریخ ها و هایلایت اونها نیاز به دو تا آرایه از تاریخ ها داره به نام reserved برای تاریخ های رزرو شده و waiting برای تاریخ های در انتظار تایید ، مثل زیر :


var reserved = ["010191","120291","150391","250591"];
var waiting = ["030291","080491","300591"];


فرمتی که برای تاریخ ها توی آرایه باید بزاری هم مشخصه : دو رقم روز ، دو رقم ماه و دو رقم سال .

010191

سوالی داشتی زیر همین بنویس

+ دانلود 90503

[sanay_esh]

سلام و با تشکر فراوان از اینکه با حوصله و کامل به این تاپیک پاسخ داده اید

اما در این پلاگین 1- برای همه حالتهای تقویم شمسی میخواهم 2 - اینکه وقتی یک روز به حالتهای منتظر تائید و رزرو شده تغییر پیدا میکند دیگه نشه این روز را انتخاب کرد... به عبارتی disable بشه

در این مسیر (http://www.talaieh.ir/reserv/reserv.htm) شما میتوانید نمونه ای از این مورد را مشاهده نمائید

[sanay_esh]

از اساتید کسی هست به این مهم جواب بده ؟؟؟؟

[asf_pack]

استاد عزیز واقعا از جواب کامل و خوبتون ممنون ، فقط میتونین یه تکه کد بهش اضافه کنید که روزها غیر فعال بشه و کاربر نتونه انتخاب کنه
با تشکر
بازم تشکر

[sanay_esh]

با سلام مجدد

این لینک (http://jqueryui.com/datepicker) را دنبال کنید! ^ (http://www.eyecon.ro/bootstrap-datepicker/) و ^ (http://stackoverflow.com/questions/21146382/bootstrap-datepicker-restrict-available-dates-to-be-selected) و ^ (http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#beforeshowday) و ^ (http://jsfiddle.net/svierkant/jhnk8/1/)