<div>
Where is $LimitDate in this picture? 
What are we looking with the code - I am assuming from your question this has something to do with DataTables (JavaScript, Client Side) however $LimitDate is PHP which is server side. 
 
Please can you fill in the missing pieces for us.
</div>

<div>
Yes sir. I retrieved that date value from MySQL. $LimitDate is a variable I used to hold the value. as in... 

<pre><code class="code-1 nolinks" id="code-20-42701132-1">$ass_time_limit = $row['Ass_Time_Limit'];
$myDateTime = DateTime::createFromFormat('Y-m-d', $ass_time_limit);
 $LimitDate = $myDateTime-&gt;format('d-m-Y');
</code></pre>
 
The DataTable is populated through the following JQuery: 

<pre><code class="code-10 nolinks" id="code-20-42701132-2">$(document).ready(function(){

 var myDt = $('#assessmentTable').DataTable({
 &quot;paging&quot;: false,
 columns : [
 { data : 'Roll_No' },
 { data : 'Student_ID' },
 { data : 'Student_Name' },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass2[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA2 + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass3[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA3 + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input type=&quot;hidden&quot; name=&quot;id[]&quot; value=&quot;' + row.Enroll_ID + '&quot;&gt;&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;exam[' + row.Enroll_ID + ']&quot; value=&quot;' + row.Exam + '&quot;&gt;';
 }
 }
 ]

 });
 });
</code></pre>
Now I want those inputs in the DataTable to behave as follows: 
 
if ( NOW() &gt;&nbsp;$LimitDate ){ 
&nbsp; &lt;input type=&quot;text&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + '&quot; readonly=&quot;readonly&quot;&gt; 
} 
else{ 
&nbsp;&lt;input type=&quot;text&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + '&quot; &gt; 
} 
 
etc. 
 
Thank you sir
</div>

<div>
First inject $LimitDate into your document - in this example we create a function that returns a string 'readonly' if now &gt;&nbsp;limitdate otherwise an empty string. We call that function in our input string builder. 

<pre><code class="code-1 nolinks" id="code-20-42701360-1">echo &lt;&lt;&lt; SCRIPT
&lt;script&gt;function getReadonly() {
 var limitdate = new Date('{$LimitDate}');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
}
&lt;/script&gt;
SCRIPT;
</code></pre>
 
Then in your Javascript 

<pre><code class="code-1 nolinks" id="code-20-42701360-2">return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass3[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA3 + getReadonly() + '&quot;&gt;';
</code></pre>
</div>

<div>
I implemented your suggestion as follows but all inputs are still editable. 

<pre><code class="code-10 nolinks" id="code-20-42701516-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{$LimitDate}');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;

 &lt;script&gt;
 $(document).ready(function(){

 var myDt = $('#assessmentTable').DataTable({
 &quot;paging&quot;: false,
 columns : [
 { data : 'Roll_No' },
 { data : 'Student_ID' },
 { data : 'Student_Name' },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass2[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA2 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass3[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA3 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input type=&quot;hidden&quot; name=&quot;id[]&quot; value=&quot;' + row.Enroll_ID + '&quot;&gt;&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;exam[' + row.Enroll_ID + ']&quot; value=&quot;' + row.Exam + getReadonly() + '&quot;&gt;';
 }
 }
 ]

 });
});
&lt;/script&gt;
</code></pre>
$LimitDate is displayed on the page as: 
Assessment entry/update is opened till: 08-10-2018 
 
NOTE: The DataTable only displays the data when the following is executed (button clicked): 

<pre><code class="code-10 nolinks" id="code-20-42701516-2">$('#loadStudents').click(function() {
 $.ajax({
 method : 'post',
 url : 'assessment_updateData.php',
 data : { session : $('#session').val(), term : $('#term').val(), class : $('#c_taught').val(), subject : $('#s_taught').val(), limit : $('#process_limit').val(), },
 dataType : 'json',
 }).done(function(data) {
 myDt.clear().draw();
 myDt.rows.add(data).draw();
 });
 });
</code></pre>
</div>

<div>
What does the rendered code look like for the &lt;script&gt;function getReadonly() ... &lt;/script&gt; output. 
 
In fact can you post your rendered HTML.
</div>

<div>
<blockquote>
What does the rendered code look like for the &lt;script&gt;function getReadonly() ... &lt;/script&gt; output. 
 
In fact can you post your rendered HTML.
</blockquote>
How can I get that output, sir?
</div>

<div>
1. View source 
2. Copy 
3. Open Code tags and paste the code between the code tags 
 
If you could cut out the code we are interested in rather than the whole page - that would be good for now.
</div>

<div>
this part? 

<pre><code class="code-10 nolinks" id="code-20-42701660-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{$LimitDate}');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;

 &lt;script&gt;
 $(document).ready(function(){

 var myDt = $('#assessmentTable').DataTable({
 &quot;paging&quot;: false,
 columns : [
 { data : 'Roll_No' },
 { data : 'Student_ID' },
 { data : 'Student_Name' },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass2[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA2 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass3[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA3 + getReadonly() + '&quot;&gt;';
 }
 },
 {
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input type=&quot;hidden&quot; name=&quot;id[]&quot; value=&quot;' + row.Enroll_ID + '&quot;&gt;&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;exam[' + row.Enroll_ID + ']&quot; value=&quot;' + row.Exam + getReadonly() + '&quot;&gt;';
 }
 }
 ]

 });
</code></pre>
</div>

<div>
Yes that part 
Take a look at what was produced 

<pre><code class="code-1 nolinks" id="code-20-42701884-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{$LimitDate}');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
Look at line 3 - that is not right - it is not substituting the value of LimitDate but outputing it as a literal 
 
Please post your PHP code that you used to output that &lt;script&gt; tag - it has not been done correctly.
</div>

<div>
here 

<pre><code class="code-10 nolinks" id="code-20-42702043-1">$default_sql = &quot;SELECT * FROM ... WHERE ... = 1 &quot;;
 $default_result = $conn-&gt;query($default_sql);
 if ($default_result-&gt;num_rows === 1) {
 while($row = $default_result-&gt;fetch_assoc()) {
 $default_session = $row['Default_Session'];
 $default_term = $row['Default_Term'];
 $ass_time_limit = $row['Ass_Time_Limit'];
 }
 }
 $session_phrase = &quot;Session&quot;;

 $myDateTime = DateTime::createFromFormat('Y-m-d', $ass_time_limit);
 $LimitDate = $myDateTime-&gt;format('d-m-Y');
</code></pre>
I output it on the page like follows: 

<pre><code class="code-1 nolinks" id="code-20-42702043-2">Assessment entry/update is opened till: &lt;span style=&quot;color: red;&quot;&gt;&lt;?= $LimitDate ?&gt;&lt;/span&gt;
</code></pre>
and the HTML output is: 

<pre><code class="code-1 nolinks" id="code-20-42702043-3">Assessment entry/update is opened till: &lt;span style=&quot;color: red;&quot;&gt;08-10-2018&lt;/span&gt;
</code></pre>
Thank you, sir.
</div>

<div>
No, I asked where your code is that outputs this block 

<pre><code class="code-1 nolinks" id="code-20-42702306-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{$LimitDate}');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
The above needs to be in your PHP script so it can access the $LimitDate variable. 
 
Where did you place the above code?
</div>

<div>
I am guessing you need to do this instead. Important to look at what the solution is recommending and adapt to your environment if necessary. 
 

<pre><code class="code-1 nolinks" id="code-20-42702308-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{&lt;?= $LimitDate}?&gt;');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
</div>

<div>
<blockquote>
The above needs to be in your PHP script so it can access the $LimitDate variable.
</blockquote>
I'm not using any PHP code to output that script. I simply pasted it that way like other JavaScript. 
 
The HTML output of: 

<pre><code class="code-1 nolinks" id="code-20-42702354-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{ &lt;?= $LimitDate ?&gt; }');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
shows: 

<pre><code class="code-1 nolinks" id="code-20-42702354-2">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('{ 08-10-2018 }');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
Yet, no desired result. 
I hope the issue is not from 

<pre><code class="code-1 nolinks" id="code-20-42702354-3">$myDateTime = DateTime::createFromFormat('Y-m-d', $ass_time_limit);
 $LimitDate = $myDateTime-&gt;format('d-m-Y');
</code></pre>
Forgive me for taking too much of your time.
</div>

<div>
<blockquote>
I'm not using any PHP code to output that script. I simply pasted it that way like other JavaScript.
</blockquote>
If you look at my earlier comment I did say you needed to inject that code into your document. Simply putting it in the document would do nothing as there would be no link back to the $LimitDate variable. 
 
The original script assumed output using PHP string functions and so the variable was enclosed in { } which have been kept in the above code and should not have been. 
It should be like this 

<pre><code class="code-1 nolinks" id="code-20-42702411-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('&lt;?= $LimitDate ?&gt;');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
Having said that your date format is incorrect for use with JavaScript - it does not follow the ISO standard for dates which is Y-m-d. 
 
To correct you can do this 

<pre><code class="code-1 nolinks" id="code-20-42702411-2">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('&lt;?= $myDateTime-&gt;format('Y-m-d');?&gt;');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
</div>

<div>
Thank you sir but when I tried this: 

<pre><code class="code-1 nolinks" id="code-20-42702754-1">&lt;script&gt;
 function getReadonly() {
 var limitdate = new Date('&lt;?= $myDateTime-&gt;format('Y-m-d'); ?&gt;');
 var now = new Date();
 return now &gt; limitdate ? 'readonly' : '';
 }
&lt;/script&gt;
</code></pre>
I got: 
<a href="https://filedb.experts-exchange.com/incoming/2018/10_w41/1392200/readonly.png" target="_blank" title="readonly.png (16 KB)"><img alt="readonly.png" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2018/10_w41/800_1392200/readonly.png" /></a>
</div>

readonly.png

Opeyemi AbdulRasheed

<div>
Now working as desired. 
 

<blockquote>
You can see from the screen grab you posted that the readonly is being included with the value - that should give you a clue to look in the rendering string of your &lt;input&gt; to see if the application of the readonly text has not somehow been done inside the value of the value attribute - which is exactly what has happened here.
</blockquote>
I'm a little bit crude in PHP and JavaScript. Everything I know, I learned here on this forum. 
 
Thank you for your time and unconditional assistance. I'm so grateful.
</div>

<div>
You are welcome - we all had to start somewhere - the more you practice the better you get.
</div>

<div>
<div class="content wysiwyg-content">
Hello Experts! 
 
I want to make certain inputs read-only when NOW() is greater than $LimitDate. 
 
I use the following to populate the DataTable: 
 

<pre><code class="code-10 nolinks" id="code-10-29120997-1">{
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass1[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA1 + '&quot;&gt;';
 }
},
{
 orderable: false,
 render: function (data, type, row) {
 return '&lt;input class=&quot;form-control form-control-sm&quot; type=&quot;text&quot; maxlength=&quot;2&quot; size=&quot;6&quot; name=&quot;cass2[' + row.Enroll_ID + ']&quot; value=&quot;' + row.CA2 + '&quot;&gt;';
 }
}
</code></pre>
The $LimitDate holds the date when the input periods expire. 
 
How can I manipulate the two inputs above so the change to READ-ONLY when NOW() is greater than $LimitDate? 
 
Thank you.
</div>
</div>

Hello Experts!

I want to make certain inputs read-only when NOW() is greater than $LimitDate.

I use the following to populate the DataTable:

(CODE)
The $LimitDate holds the date when the input periods expire.

How can I manipulate the two inputs above so the change to READ-ONLY when NOW() is greater than $LimitDate?

Thank you.

Change Inputs to Read-Only when NOW() is greater than $LimitDate

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.