JS תיבת תפריט בחירת תאריך משולב עברי ולועזי

חוקר

האם קיימת ספריה, או מישהו יכול להעלות קוד.
יש לי טופס שבו אני צריך לתת ללקוח שדה בחירת תאריך, ישנו אלמנט HTML5 של תאריך, אבל אני רוצה משהו משולב שמציג תאריך לועזי ועברי, ולאחר הבחירה זה ימלא את השדה בתאריך הלועזי המבוקש. (צד שרת אני צריך לקבל את הלועזי, אבל אני רוצה שללקוח יוג במשולב התאריך העברי היות ומצידו הוא צריך את העברי).
אשמח לקבל מידע או עזרה
תודה

dovid

https://dojotoolkit.org/reference-guide/1.10/dojox/date/hebrew.html

dovid

מה שהבאתי זה פרימוורק שלם, לא מומלץ לדעתי.
צריך לבנות את זה לבד, קל יותר עם שלושה תיבות ליום לחודש ולשנה ולהיעזר בספריית השלמה אוטמטית.
ועם קוד ליצור מזה תאריך מתאים -ולהיפך.

zvizvi

@חוקר אמר בJS תיבת תפריט בחירת תאריך משולב עברי ולועזי:

האם קיימת ספריה, או מישהו יכול להעלות קוד.
יש לי טופס שבו אני צריך לתת ללקוח שדה בחירת תאריך, ישנו אלמנט HTML5 של תאריך, אבל אני רוצה משהו משולב שמציג תאריך לועזי ועברי, ולאחר הבחירה זה ימלא את השדה בתאריך הלועזי המבוקש. (צד שרת אני צריך לקבל את הלועזי, אבל אני רוצה שללקוח יוג במשולב התאריך העברי היות ומצידו הוא צריך את העברי).
אשמח לקבל מידע או עזרה
תודה

http://github.bililite.com/flexcal/

zvizvi

עוד אחד:
http://keith-wood.name/calendarsPicker.html#intro
(יש שם אפשרות לשנות ללוח יהודי ולעברית, לא בדקתי אם יש את שניהם יחד)

חוקר

@zvizvi אמר בJS תיבת תפריט בחירת תאריך משולב עברי ולועזי:

@חוקר אמר בJS תיבת תפריט בחירת תאריך משולב עברי ולועזי:

האם קיימת ספריה, או מישהו יכול להעלות קוד.
יש לי טופס שבו אני צריך לתת ללקוח שדה בחירת תאריך, ישנו אלמנט HTML5 של תאריך, אבל אני רוצה משהו משולב שמציג תאריך לועזי ועברי, ולאחר הבחירה זה ימלא את השדה בתאריך הלועזי המבוקש. (צד שרת אני צריך לקבל את הלועזי, אבל אני רוצה שללקוח יוג במשולב התאריך העברי היות ומצידו הוא צריך את העברי).
אשמח לקבל מידע או עזרה
תודה

http://github.bililite.com/flexcal/

השתמשתי בזה.
אמנם לקח המון זמן להבין שם מי מול מי ואיך זה עובד.
אבל ב"ה הסתדרתי.

חוקר

למעשה שידרגתי קצת ועשיתי כלאים של שתי ספריות.
יש גם תפריט בחירת יום לועזי או עברי
וגם אפשרות של בחירת טווח תאריכים

ואגב, 37,153 זה מספר המבחנים שהיו ביום רביעי (י"ח טבת תש"פ) בישיבה על קברו

שמואל

יש לי גם כזה בוחר תאריכים של flexcal והוא עובד מדהים
מה שמציק לי שם זה התבנית של התאריך כפי שהיא מוצגת גם בדוגמה שהבאת לעיל
(2020-01-15 לעומת המקובל אצלינו 15/01/2020)
לא הצלחתי לשנות את התבנית הזו ואם בכל זאת הצלחתי אז השתבש הבוחר להתערב בקוד js שלהם לא רציתי
אשמח לשמוע על פיתרון בעניין
תודה רבה

חוקר

יצא לי כעת שוב פעם לבדוק את הנושא בגלל שהקוד הקודם היה נטען לאט
וברוך השם מצאתי את הנוסחה הקלילה והפשוטה
להלן קוד דוגמא:

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery UI Datepicker - Default functionality</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="dwachss-flexcal/flexcal.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script src="dwachss-flexcal/jquery.textpopup.js"></script>
    <script src="dwachss-flexcal/jquery.flexcal.js"></script>

    <script>

    </script>
</head>
<body dir="rtl">

<p>תאריך: <input type="text" id="date2"></p>


<script >
    $('#date2').flexcal({
        position: 'lt',
        calendars: [
            ['he-jewish', 'עברי', {dateFormat: 'yyyy-mm-dd',titleText: 'בחר תאריך'}],
            ['he', 'לועזי', {
                closeText: 'סגור',
                prevText: '&#x3C;הקודם',
                nextText: 'הבא&#x3E;',
                currentText: 'היום',
                monthNames: ['ינואר','פברואר','מרץ','אפריל','מאי','יוני', 'יולי','אוגוסט','ספטמבר','אוקטובר','נובמבר','דצמבר'],
                monthNamesShort: ['ינו','פבר','מרץ','אפר','מאי','יוני', 'יולי','אוג','ספט','אוק','נוב','דצמ'],
                dayNames: ['ראשון','שני','שלישי','רביעי','חמישי','שישי','שבת'],
                dayNamesShort: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
                dayNamesMin: ['א\'','ב\'','ג\'','ד\'','ה\'','ו\'','שבת'],
                isRTL: true,
                titleText: 'בחר תאריך',
                dateFormat: 'yyyy-mm-dd'}
            ]
        ],
        commit: function(e, d){
            console.log(d);
            let formattedDate = $('#date2').flexcal('format', d);
            alert(formattedDate)
        },
        buttons: ['today commit']
    });
</script>

</body>

</html>

בנוסף הורדתי מהמקור את תיקיית הקוד
https://codeload.github.com/dwachss/flexcal/legacy.zip/master
ובקובץ dwachss-flexcal/flexcal.css שיניתי והוספתי בשורה 62 שורה נוספת עבור מרכוז הכותרת של החודש

.ui-flexcal caption.ui-datepicker-header {
	line-height: 1.52em; /* to align with the prev/next buttons */
	text-align: center;//השורה הנוספת
}

וכן בקובץ jquery.flexcal.js בשורה 697 שיניתי את המילה 'Today' למילה 'היום'
וכעת ב"ה זה נטען מהר ועובד חלק.
@שמואל לגבי טענתך על הפורמט, בדקת שימוש עם הפרמרט dateFormat? כי לא כ"כ הבנתי איפה בדיוק בעייתך.

תחומים - פורום חרדי מקצועי

JS תיבת תפריט בחירת תאריך משולב עברי ולועזי