/ / एक ही पृष्ठ पर टेक्स्ट बॉक्स से डेटा को सही प्रारूप में छिपे हुए क्षेत्र में प्रिंट करें - php, फॉर्म, प्राप्त करें

एक ही पृष्ठ पर टेक्स्ट बॉक्स से डेटा को सही प्रारूप में छिपे हुए क्षेत्र में प्रिंट करें - php, फ़ॉर्म, प्राप्त करें

मेरे पास ubercart का एक चेकआउट फॉर्म है। मेरे लिए व्यवस्थापक अनुभाग में एक कैलेंडर प्रदर्शित करने के लिए, मुझे एक गेम तिथि को फिर से प्राप्त करने में सक्षम होने की आवश्यकता है जिसे उपयोगकर्ता पूरी तरह से चेकआउट के रूप में चुनता है।

यह कैलेंडर एक दृश्य में प्रदर्शित किया जाएगा, लेकिन वेब चेकआउट अतिरिक्त क्षेत्र संगत नहीं है।

एक आसान तय के रूप में, मैंने एक अतिरिक्त फ़ील्ड जोड़ा है जो आईएस के विचारों में संगत है, लेकिन मैं इस क्षेत्र को एक तारीख देने का काम करने में सक्षम नहीं हूं।

मेरा सवाल यह है कि क्या मैं मूल फ़ील्ड रख सकता हूं, लेकिन जैसे ही वे पृष्ठ के शीर्ष पर एक दिनांक दर्ज करते हैं, पृष्ठ के निचले भाग में छिपे हुए फ़ील्ड को उसमें दर्ज की गई तारीख भी मिल जाती है?

यहां पृष्ठ के शीर्ष पर दिनांक पिकर के लिए कोड है, जो तीन चुनिंदा बक्से और एक कैलेंडर लिंक है।

<select class="month form-select" id="edit-panes-webform-nid5-0-date-month" name="panes[webform_nid5][0][date][month]"><option value="" selected="selected">Month</option><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select>

<select class="day form-select" id="edit-panes-webform-nid5-0-date-day" name="panes[webform_nid5][0][date][day]"><option value="" selected="selected">Day</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select>

<select class="year form-select" id="edit-panes-webform-nid5-0-date-year" name="panes[webform_nid5][0][date][year]"><option value="" selected="selected">Year</option><option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option></select>

<input type="image" src="/sites/all/modules/webform/images/calendar.png" class="webform-calendar webform-calendar-start-2013-09-06 webform-calendar-end-2015-09-05 webform-calendar-day-1 hasDatepicker" alt="Open popup calendar" title="Open popup calendar" id="dp1378391293298">

नीचे छिपे हुए दिनांक मान बॉक्स के लिए, मैं एक php स्निपेट दर्ज करने में सक्षम हूं।

मुझे नहीं लगता कि जैसे ही वे पूरे होते हैं तीन चुनिंदा बक्से के मूल्यों को प्रिंट करने का एक सरल तरीका है?

मैंने कुछ इस तरह की कोशिश की ...

<?php
$get_month = $_POST["panes[webform_nid5][0][date][month]"];
print($get_month);
$get_day = $_POST["panes[webform_nid5][0][date][day]"];
print($get_day);
$get_year = $_POST["panes[webform_nid5][0][date][year]"];
print($get_year);
?>

लेकिन वह काम नहीं करता है, और मुझे एक प्रारूप DD-MM-YY में पढ़ने की तारीख की आवश्यकता होगी

क्या कोई मदद कर सकता है?

उत्तर:

उत्तर № 1 के लिए 1

संपादित जैसा कि आपके पास jquery उपलब्ध है ओ पेज यह चीजें बहुत सरल बनाता है

<script>
function changeDate()
{
var $ = jQuery; //for some reason $ is not already defined as jQuery
var date = $("select#edit-panes-webform-nid5-0-date-month").val()
+ "-"
+ $("select#edit-panes-webform-nid5-0-date-day").val()
+ "-"
+ $("select#edit-panes-webform-nid5-0-date-year").val();

$("input#edit-panes-billing-address-billing-ucxf-date-of-game").val(date);
}
</script>

मैंने आपके पृष्ठ पर इसकी कोशिश की है और यह कब काम करता हैjquery की तारीख पिकर को संपादित किए बिना पॉपअप कैलंडर से चुनिंदा बक्से का उपयोग करना, लेकिन यह निर्भर नहीं करता है कि लाइसेंस आपको क्या करने की अनुमति देता है

यह मान रहा है कि आपका छिपा हुआ दिनांक बॉक्स एक div या स्पैन है न कि इनपुट, यदि यह एक इनपुट है तो लाइन को बदल दें

document.getElementById("hidden-date-box-id").innerHtml = month + "-" + day + "-" + year;

सेवा मेरे

document.getElementById("hidden-date-box-id").value = month + "-" + day + "-" + year;

<script>
function changeDate()
{
var month = document.getElementById("edit-panes-webform-nid5-0-date-month").value;
var day   = document.getElementById("edit-panes-webform-nid5-0-date-day").value;
var year  = document.getElementById("edit-panes-webform-nid5-0-date-year").value;

document.getElementById("hidden-date-box-id").innerHtml = month + "-" + day + "-" + year;
}
</script>

फिर जोड़िए onchange="changeDate(); return false;" प्रत्येक को अपने चयन को छोड़ दें

यह अनुपयोगी कोड है और मैं शायद ही कभी शुद्ध जावास्क्रिप्ट का उपयोग करता हूं, लेकिन यह सुनिश्चित करता है कि यह सही है