مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

akbaraliyari

عضویت از 1394/11/20

افتادن تقویم شمسی پشت modal

  • شنبه 7 بهمن 1396
  • 20:52
تشکر میکنم

سلام دوستان

من یک تقویم دارم که میخوام تو modal از اون اسفاده کنم،ولی موقع لود شدن میره پشت مودال لود میشه.مشکل از جاست؟؟؟؟؟؟؟؟

<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

    <!-- Modal -->
    <div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Modal Header</h4>
                </div>
                <div class="modal-body">
                    <input id="date_input_10" type="text" /><img id="date_btn_10" src="~/Content/cal.png" style="vertical-align: top;" />
                    <script type="text/javascript">
				Calendar.setup({
					inputField  : "date_input_10",   // id of the input field
					button      : "date_btn_10",   // trigger for the calendar (button ID)
		       		ifFormat    : "%Y/%m/%d",       // format of the input field
        			dateType	: 'jalali',
        			showOthers	: true,
					weekNumbers : true
				});
                    </script>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>

    

پاسخ های این پرسش

تعداد پاسخ ها : 5 پاسخ
کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • شنبه 7 بهمن 1396
  • 22:09

باید به div که در حال نمایش تقویم است z-index بدهید.

کاربر سایت

akbaraliyari

عضویت از 1394/11/20

  • یکشنبه 8 بهمن 1396
  • 11:10

سلام،میشه یک مثال برام بزنید که تو مودال چجوری باید z-index بزارم که تقویم نشون داده بشه!!؟؟

ممنون میشم

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • یکشنبه 8 بهمن 1396
  • 11:27

با inspect مرورگر div که در حال نمایش تقویم هست را پیدا کنید و به آن z-index بدهید.

کاربر سایت

akbaraliyari

عضویت از 1394/11/20

  • یکشنبه 8 بهمن 1396
  • 12:33

سلام،

تقویم من به صورت setup javascript هست،و div خاصی نداره،تو خود textbox فراخوانی میشه و پایین تکست باکس باید ظاهر بشه ،  z-index رو چجوری باید بزرام؟؟

کد من:

  <input type="text" class="form-control" id="Ejra" @*style="z-index:4;"*@ />

<script>
        Calendar.setup({
            inputField: "Ejra",  
            button: "Ejra",  
            ifFormat: "%Y/%m/%d",
            dateType: 'jalali',
            weekNumbers: false

        });
</script>

تصویر

کاربر سایت

سهیل علیزاده

عضویت از 1396/04/09

  • یکشنبه 8 بهمن 1396
  • 13:28

چرا داره دوست من پس چجوری نمایش داده میشه. 

تقویم شما دارای یک فایل style هست باید کلاس مورد نیاز رو پیدا کنید و بهش z-index بدهید.

نباید z-index را به input بدهید باید آن را به div که در حال نمایش تقویم است بدهید.

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)