Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > php ช่วยหน่อยค่ะ ติด datepicker bootstrap มานานมากแล้วค่ะ แก้ยังไม่ได้เลย

php ช่วยหน่อยค่ะ ติด datepicker bootstrap มานานมากแล้วค่ะ แก้ยังไม่ได้เลย

เริ่มหัวข้อใหม่

ging302

โพสกระทู้ ( 88 )
บทความ ( 0 )

ไม่ทราบว่าผิดตรงไหน รบกวนผู้รู้ ด้วยน่ะค่ะ มือใหม่หัดทำ bootstrap ค่ะ

Code (PHP)

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>ระบบจองห้องเรียน | เพิ่มผู้ใช้ระบบ</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-datetimepicker.min.css" rel="stylesheet">


    <!-- Custom CSS -->
    <link href="css/business-frontpage.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <script language=Javascript>
        function Inint_AJAX() {
           try { return new ActiveXObject("Msxml2.XMLHTTP");  } catch(e) {} //IE
           try { return new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) {} //IE
           try { return new XMLHttpRequest();          } catch(e) {} //Native Javascript
           alert("XMLHttpRequest not supported");
           return null;
        };

        function dochange(src, val) {
             var req = Inint_AJAX();
             req.onreadystatechange = function () { 
                  if (req.readyState==4) {
                       if (req.status==200) {
                            document.getElementById(src).innerHTML=req.responseText; //รับค่ากลับมา
                       } 
                  }
             };
             req.open("GET", "localtion.php?data="+src+"&val="+val); //สร้าง connection
             req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8"); // set Header
             req.send(null); //ส่งค่า
        }

        window.onLoad=dochange('major', -1);     
    </script>


</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">Start Bootstrap</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li>
                        <a href="#">About</a>
                    </li>
                    <li>
                        <a href="#">Services</a>
                    </li>
                    <li>
                        <a href="#">Contact</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>


    <!-- Image Background Page Header -->
    <!-- Note: The background image is set within the business-casual.css file. -->
    <header class="business-header">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="tagline">Business Name or Tagline</h1>
                </div>
            </div>
        </div>
    </header>

    <!-- Page Content -->
    <div class="container">

        <hr>
       <div class="row">
<div class="col-sm-10" align="right">

</div>

<div class="col-sm-2" align="left">
ชื่อผู้ใช้ระบบ : ......
</div></div>

        <div class="row">
            <div class="col-sm-6">
                <h2>ระบบจองห้องเรียนออนไลน์</h2>
               <form role="form" action="book_room2.php">
                                      <div class="form-group">
                                        <label>สาขา</label>
                                         <span id="major">
                   <select class="form-control">
                        <option value="0">- กรุณาเลือกสาขาวิชา -</option>
                    </select>
                </span>
                                      </div>
                                      <div class="form-group">
                                        <label>รายวิชา</label>
                                           <span id="subject">
                    <select class="form-control">
                        <option value='0'>- กรุณาเลือกรายวิชาเรียน - </option>
                    </select>
                </span>
                                      </div>
                                      <div class="form-group">
                                        <label>จำนวน</label>
                                            <select class="form-control">
                                                <option>กรุณาเลือกจำนวน</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                            </select>
                                      </div>
                                      <div class="form-group">
                                       <label for="validate-text">วันที่</label>
        			
		         <div class="well">
  <div id="datetimepicker1" class="input-append date">
    <input data-format="dd/MM/yyyy hh:mm:ss" type="text"></input>
    <span class="add-on">
      <i data-time-icon="icon-time" data-date-icon="icon-calendar">
      </i>
    </span>
  </div>
</div>
<script type="text/javascript">
  $(function() {
    $('#datetimepicker1').datetimepicker({
      language: 'pt-BR'
    });
  });
</script>
						
					</div>
    <div class="form-group">
                                        <label for="validate-text">ช่วงเวลาเรียน</label></div>
                                      
      <table class="table" border="0" bgcolor="">
  <tr>
  <td class="active">เวลาเรียน</td>
  <td class="success"><input type="text" class="form-control" name="us_name" id="us_name" placeholder="หาวิธีใส่ picktime" required></td>
  <td class="warning">ถึง</td>
  <td class="danger"><input type="text" class="form-control" name="us_name" id="us_name" placeholder="หาวิธีใส่ picktime" required></td>
 
</tr>
</table>
      
   
   <br>

                                      
                                      <div class="form-group">
                                            <label>ลักษณะห้องเรียน</label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox">ห้องเรียน
                                            </label>
                                            <label class="checkbox-inline">
                                                <input type="checkbox">ห้อง LAB
                                            </label>
                                           
                                        </div>
                                      <button type="reset" class="btn btn-danger">Reset Button</button>
                                      <button type="submit" class="btn btn-success">ขั้นตอนต่อไป >></button>
                                        
                                  </form>
            </div>
          
 <div class="col-sm-6">
    
            
            
        </div> </div>
        <!-- /.row -->

      

        
        <!-- /.row -->

        <hr>

        <!-- Footer -->
        <footer>
            <div class="row">
                <div class="col-lg-12">
                    <p>Copyright &copy; Your Website 2014 Design By Korrakit</p>
                </div>
            </div>
            <!-- /.row -->
        </footer>

    </div>
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datetimepicker.min"></script>
        
</body>

</html>

Tag : PHP, MySQL

Date : 2015-02-09 11:39:00

By : gungging302

View : 1747

Reply : 5

No. 1

Krungsri

โพสกระทู้ ( 1,521 )
บทความ ( 2 )

มันมีปัญหาอะไรคับ

Date : 2015-02-09 12:12:47

By : Krungsri

No. 2

TC Admin

โพสกระทู้ ( 74,058 )
บทความ ( 838 )

ใช้ jQuery ทั้งนี้ทำไมไม่ใช่ jQuery กับ Ajax ไปเลยน่ะครับ

Date : 2015-02-09 12:53:51

By : mr.win

No. 3

ging302

โพสกระทู้ ( 88 )
บทความ ( 0 )

ในช่องปฎิทินไม่ขึ้น ปฎิทินให้อ่ะค่ะ

Date : 2015-02-09 13:09:39

By : gungging302

No. 4

Ghost

โพสกระทู้ ( 112 )
บทความ ( 0 )

ดูผ่านๆ นะครับ ลืม .js รึเปล่า

Code

<script src="js/bootstrap-datetimepicker.min.js"></script>

Date : 2015-02-09 13:27:23

By : poomloom

No. 5

ging302

โพสกระทู้ ( 88 )
บทความ ( 0 )

ตอบความคิดเห็นที่ : 4 เขียนโดย : poomloom เมื่อวันที่ 2015-02-09 13:27:23

รายละเอียดของการตอบ ::

ขอบคุณน่ะค่ะ

ประวัติการแก้ไข
2015-02-09 15:05:29

Date : 2015-02-09 15:05:12

By : gungging302

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : php ช่วยหน่อยค่ะ ติด datepicker bootstrap มานานมากแล้วค่ะ แก้ยังไม่ได้เลย

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก